FEATURE: Support preview uris in datasource selectboxeditor

[Sebobo]

What I did

Options returned from a datasource can now contain a preview with an absolute image uri which will then be shown in the dropdown.

How I did it

Use new option component supporting previews for data source based selectboxeditor.
Works almost identically to the AssetOption of the AssetEditor.

How to verify it

Also added a test.

Resolves: #2914

[markusguenther]

Works pretty fine and is a great improvement for the UI.

[jonnitto]

Really nice addition, like always ❤️

[JPLudin]

In contrast to your plugin Shel.Neos.PreviewSelectBox this seems to works only for data sources, not for manually defined values, is that on purpose?

            'iconName':
              type: string
              ui:
                label: Icon
                inspector:
                  group: general
                  editor: 'Neos.Neos/Inspector/Editors/SelectBoxEditor'
                  editorOptions:
                    values:
                      activity:
                        preview: /Resources/Private/Fusion/Presentation/Atom/Icon/Assets/activity.svg
                        label: activity
                      ..

[mhsdesign]

I guess it should be a in the format of a flow resource stream wrapper: resource://My.Package/Public/lol.svg but you might need to (wrongly) leave out the public part see #2092 (comment)

[rolandschuetz]

No, neither version works

[Sebobo]

Hi @JPLudin, both my plugin and this change do the same, and both mention that you should absolute URIs, as relative URIs are not reliable.
If one works for you I think this must be a coincidence depending on the environment.

You can check in the dev tools which uri it tries to open and then adjust your uri. Or use a datasource and properly resolve it to absolute Uris to have no problem with environments/hosting, etc.

[rolandschuetz]

@Sebobo As described above, exactly this code works with your plugin, but not with the code.