Customize Array Naming Based on Single Field?

[rotund ridge]

Is there any setting that I can customize the naming of the array based on a single field? As you see the Variant 01 to default

[torn notch]

Original message from @lilac peak - Moved from #general message

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Relationship Field - Admin config
• Collection Configs
• Fields Overview - Validation
• Field Hooks - Arguments and return values
• Nested Docs Plugin

[meager shard]

@lilac peak Like this?

      admin: {
        components: {
          RowLabel: ({ data, index }: RowLabelArgs) => {
            return data?.title || `Slide ${String(index).padStart(2, '0')}`
          },
        },
      },

Data I believe has the field values in the array

[lilac peak]

Let me give it a try.

[meager shard]

Function or React component to be rendered as the label on the array row. Receives ({ data, index, path }) as args

[lilac peak]

For some reason, the example code does not work.

data, index, and path are undefined

[meager shard]

how did you add it to your collection?

[lilac peak]

{
              name: 'variant',
              type: 'array',
              label: false,
              required: true,
              validate: validateVariant,
              admin: {
                components: {
                  RowLabel: ({data}) => data?.name || 'New Variant' // TODO: Fix data undefined issue. 
                }
              },
              fields: [
                {
                  type: 'row',
                  fields: [
                    {
                      name: 'name',
                      type: 'text',
                      required: true,
                    }
                  ]
                },
                {
                  type: 'row',
                  fields: [
                    {
                      name: 'stripeProductId',
                      type: 'text',
                    }
                  ]
                }

              ],
              minRows: 1,
              labels: {
                singular: 'Variant',
                plural: 'Variants',
              }
            }

I even try to copy the sample code from https://payloadcms.com/docs/beta/fields/array#example. It show undefined too

[past shell]

I have the same issue

[lilac peak]

It looks like this is a known issue and has not been fixed yet.