FieldPickerMenuList

Overview

The list step shared by the sort and filter add-menus: an eyebrow, a scrollable list of pickable fields, and an empty state. Picking a row emits pick with the field value; the host decides what happens next (the sort menu appends the field, the filter menu drills into that field's form). Centralizes the field-row styling so the two menus cannot drift.

Theme entry: FieldPickerMenuList

Props

Name	Type	Required	Default	Description
iconOverride	Object		null	A partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
items	array		[]	Pickable options: { value, label }.
eyebrow	string		""	Eyebrow heading above the list.
emptyText	string		""	Message shown when there are no pickable fields left.
itemIcon	string		null	Optional trailing icon-registry key per row (e.g. "chevronRight" to signal a drill-in).
qa	string		"field-picker"	data-qa base; rows get ${qa}-item, the empty state gets ${qa}-empty.

Events

Name	Description
pick	Emitted with the picked field value when a row is clicked.

Full event reference

Source

client/lib/display/field-picker/FieldPickerMenuList.vue