Product Editor API: Select field block

[nathanss]

Description

Similar to the woocommerce_wp_select function, we should create a block that provides select field functionality in the new product editor.

It should be able to persist information in the product, both as a regular field and in the meta_data array, using the useProductEntityProp hook.

It should contain at least the following attributes:

• label (string)
• property (string)
• help (string)
• tooltip (string)
• options (array): array containing the possible label and values

Tooltip is the only one left.

Acceptance criteria

• I can use the woocommerce/product-select-field to persist a custom field in the product editor

[NTShop]

Just saw this, it would be great to have a select field available! That would save a ton of development work creating a custom block just for a basic HTML field.

[NTShop]

This field should support multi-select.

[mattsherman]

There have also been requests to support searching and dynamic values (retrieved via API calls, for example).

Moving this back to prioritization until we nail down the requirements!

[NTShop]

Somewhat related: What about something similar to how Select2 works, which helps tremendously for very long lists because it allows searching the list by typing into the input field?

[mattsherman]

Blocking this for now, as we should first complete the work on the updated select component in #38226.

[helgatheviking]

This field should support multi-select.

💯

There have also been requests to support searching and dynamic values (retrieved via API calls, for example).

:100 personally, i need a product/variation selector very much like Select2 currently works.

[leewillis77]

Just dropping a comment here to log the fact that the lack of a SELECT-style component pretty much blocks us building support for the new Product Editor into at least one of our Woo extensions.

[mattsherman]

Note that we have a basic select block available now (thanks @mdperez86!):

https://github.com/woocommerce/woocommerce/blob/trunk/packages/js/product-editor/src/blocks/generic/select

We need to take a look at this and see what things still need to be added.

[NTShop]

@mattsherman - Any chance of having it support Select2 (includes Ajax search), or at least being able to assign a class name to it so we can hook up Select2 ourselves?

[helgatheviking]

@mattsherman this looks like a great start. But to echo @NTShop I think we would also need search and ajax sources... So parity with selectWoo/Select2.

[leewillis77]

@mattsherman That's great - thanks! As others have said selectWoo behaviour and ajax hookup would be nice, but this is a good start

[mattsherman]

Searching/filtering and dynamic sources will definitely be coming in the future. There are some larger architectural pieces that need to be in place first, but we recognize that these are important needs for WooCommerce developers!