Dynamic/Computed titles for documents and options inside a relationship field

[bhofstaetter]

Hi, sometimes I have the case that the title of a document has to be created dynamically. For example, if I want to display the label of a select value from a select field (example 1) or if the document title is made up of a combination of several fields (example 2).

Example 1

const t = createTranslator('collections:navigations');

export const navigationTypes = ['main', 'footer', 'header'] as const;

export const Navigations: CollectionConfig = {
    slug: 'navigations',
    labels: {
        singular: t('labels:singular'),
        plural: t('labels:plural'),
    },
    admin: {
        useAsTitle: 'type',
        defaultColumns: ['type', 'updatedAt'],
    },
    access: {
        read: scopedToTenantAdmins,
        create: scopedToTenantAdmins,
        update: scopedToTenantAdmins,
        delete: scopedToTenantAdmins,
    },
    ...enableVersioning(),
    fields: [
        {
            name: 'type',
            label: t('type:label'),
            type: 'select',
            required: true,
            unique: true,
            options: arrayToOptions(navigationTypes, 'type:', t),
            validate: validateType,
        },
        navigationField(3, true),
        tenantField,
    ],
};

Example 2

export const GlobalBlocks: CollectionConfig = {
    admin: {
        useAsTitle: 'computedTitle',
    },
    fields: [
        {
            name: 'computedTitle',
            type: 'text',
            admin: {
                hidden: true,
            },
            hooks: {
                beforeChange: [populateComputedTitle],
            },
        },
    ]
}

export const populateComputedTitle: FieldHook<GlobalBlock, string> = (args) => {
    const {data} = args;

    const lock = data?.loginRequired ? ' 🔒' : '';

    return data?.title ? `${data.title}${lock}` : '';
};

The second example is mostly needed because I want to provide more information to a user, when he selects a GlobalBlock through a relationship field. Since the field uses the title of the document to display the options, this is my current solution. I think it would be nicer if you could define what is used as the label for the options. Is there a build in solution?

{
    name: 'companyInfo',
    label: t('companyInfo'),
    type: 'relationship',
    relationTo: 'global-blocks',
},

In addition, if you use a hidden field, you lose the feature that the title changes live with the user's input. is there a workaround?