Manipulating the Selected Items in a Data List

[DanDiplo]

One of the common uses I've used your (amazing!) Data List editor for is to allow clients to associated categories with a page. For instance, we have a Location page in Umbraco (called, say, "USA"), but that location page needs to associated a list of Cities that belong in that location from a list (retrieved from an API). We then use this for further API calls to pull in data to the page based on that list of selected cities.

The problem is it requires the Editor to go in and manually select all the Cities (or whatever) that are associated with that page - sometimes from a pretty long list. This can be quite tedious, especially if there are a lot of pages to do this on.

So I've been looking at using AI (yes, that bandwagon!) to help with this. I've got a good prompt where I can tell Chat GPT "here's the name of the Country, what cities from this list are associated with it" and it comes back with the list. It works for many other associations, too, like "give me all the items that are in the IT category".

I'd like to somehow hook this into Contentment. Ideally when the picker opens there'd be a "use suggestions" button which could then call an API endpoint and pass in the data list values and some other value for context to be used to generate the list of suggestions which would then pre-select those suggestions in the interface. I'd possibly be up for making a PR to do something like this, but obviously it could be a lot of work and probably has a very narrow audience and I'm not sure if your focus is now on the v14 version anyway?

Another option I was thinking was to somehow have another custom property editor that basically consists of a button that when pressed gets the suggestions and then updates the Contentment list of selected items. I'm just not sure if that is possible. I've messed around with editorState in Angular and can access the property that has the Data List editor read the value and even change the value, but nothing updates in the UI, so it seems to be "read-only". I think it would need to be client-side (Angular) as the changes would need to populate when editing the page - so somehow update the selected values so that when the page is saved/published they "stick".

Is this just fanciful? Is there any way for one property editor to change the value of another client side? If you have no idea, then fine, I'm not expecting you to research this. I was just wondering whether in your vast experience you had come across this or thought it might be possible?