Export field icon types object

[chrisvxd]

A user must currently specify their own icon when using FieldLabel. This makes it awkward to use with AutoField, as the user has to redefine the icons for their field type.

Proposals

Proposal 1

Add a fieldIcons export that maps the nodes to the field types. We should also use these internally to ensure consistency.

const fieldIcons = {
  text: <Heading size="16" />
}

The user can then use them alongside the FieldLabel API

<FieldLabel icon={fieldIcons.text} label="My Label">
  <AutoField ... />
</FieldLabel>

Proposal 2

Add a type field to the <FieldLabel> component. This may also provide an alternative path to resolving #528.

<FieldLabel type='text'>
   <AutoField ... />
</FieldLabel>

[IMythx]

@chrisvxd what about specifying the field type instead? e.g

<FieldLabel type='text'>
   <AutoField ... />
</FieldLabel>

And depending on the type you would show the proper icon.
If the user don't provide the type then he should provide his own icon and ofc his icon has the priority over the puck icons incase he provide the type and the icon at the same time

[chrisvxd]

I suppose we could also use that to address the array item deletion bug 🤔

[IMythx]

I suppose we could also use that to address the array item deletion bug 🤔

yup i think so