Skip to content

DataForm: add array control #71136

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 18 commits into from
Aug 13, 2025
Merged

DataForm: add array control #71136

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
645cf41
Add suggestions to to type
elazzabi Aug 8, 2025
42707cd
Add array dataform-controls
elazzabi Aug 8, 2025
d8fabd6
Use array for the Edit prop when type is array
elazzabi Aug 8, 2025
e2f4bc7
Pass array to FORM_CONTROLS
elazzabi Aug 8, 2025
416badc
Add tags to storybook
elazzabi Aug 8, 2025
7094494
Use elements instead of suggestions
elazzabi Aug 8, 2025
1d5ab6a
Return by type instead of checking for elements
elazzabi Aug 8, 2025
f48d7e0
Update defaults to 1) Expand on focus, and 2) validate inputs in arra…
elazzabi Aug 11, 2025
a1f315f
Add a check to keep backward compatibility
elazzabi Aug 11, 2025
6a61e46
Remove the how to by default
elazzabi Aug 11, 2025
3ab76c0
remove extraprops
elazzabi Aug 12, 2025
14a28cd
Update categories for a better example
elazzabi Aug 12, 2025
3b5aca8
Update changelog
elazzabi Aug 12, 2025
20a5622
Move changelog to unreleased
elazzabi Aug 12, 2025
306d98c
Remove validation, show helper text, and only expand on focus when el…
elazzabi Aug 12, 2025
666a2c1
Revert the addition of select to field type
elazzabi Aug 12, 2025
9c8389a
Merge branch 'trunk' into add/array-to-dataform
elazzabi Aug 12, 2025
4be7db6
Apply suggestions from André
elazzabi Aug 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Apply suggestions from André 
Co-authored-by: André <583546+oandregal@users.noreply.github.com>
  • Loading branch information
@elazzabi @oandregal
elazzabi and oandregal authored Aug 13, 2025
commit 4be7db646dbdda9b62d735a6beb8a9204c98250f
2 changes: 1 addition & 1 deletion packages/dataviews/CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

### Features

- Introduce new `array` type in DataForm fields. [#71136](https://github.com/WordPress/gutenberg/pull/71136)
- Introduce a new `array` DataForm Edit control that supports multi-selection. [#71136](https://github.com/WordPress/gutenberg/pull/71136)
- Add `enableMoving` option to the `table` layout to allow or disallow column moving left and right. [#71120](https://github.com/WordPress/gutenberg/pull/71120)

## 6.0.0 (2025-08-07)
Expand Down
15 changes: 0 additions & 15 deletions packages/dataviews/src/components/dataform/stories/index.story.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,6 @@ type SamplePost = {
filesize?: number;
dimensions?: string;
tags?: string[];
select?: string;
};

const meta = {
Expand Down Expand Up @@ -145,18 +144,6 @@ const fields = [
type: 'text' as const,
readOnly: true,
},
{
id: 'select',
label: 'Select',
type: 'select' as const,
elements: [
{ value: 'astronomy', label: 'Astronomy' },
{ value: 'book-review', label: 'Book review' },
{ value: 'event', label: 'Event' },
{ value: 'photography', label: 'Photography' },
{ value: 'travel', label: 'Travel' },
],
},
{
id: 'tags',
label: 'Tags',
Expand Down Expand Up @@ -214,7 +201,6 @@ export const Default = ( {
'can_comment',
'filesize',
'dimensions',
'select',
'tags',
],
} ),
Expand Down Expand Up @@ -254,7 +240,6 @@ const CombinedFieldsComponent = ( {
filesize: 1024,
dimensions: '1920x1080',
tags: [ 'photography' ],
select: 'event',
} );

const form = useMemo(
Expand Down
Loading