feat: allow react elements in external field mapRow

[camhammel]

Description

• Adds support for mapRow items of type ReactElement (previously just string | number)
• Resolves Feature request: Allow mapRow to return more than just string and number types #506

Screenshots

       mapRow: (item) => ({
        img: (
          <img src="https://placehold.co/600x400" height="40" width="60" />
        ),
        title: item.title,
        description: item.description,
      }),

[vercel]

@camhammel is attempting to deploy a commit to the Measured Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
puck-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 7, 2024 2:49pm
puck-docs	✅ Ready (Inspect)	Visit Preview		Nov 7, 2024 2:49pm

[chrisvxd]

Thanks @camhammel - this looks good. I try and include examples in the demo, which helps to validate things work and build correctly.

Could you add a superficial example here? Just wrap the description in a <span> or something.

[camhammel]

Thanks @camhammel - this looks good. I try and include examples in the demo, which helps to validate things work and build correctly.

Could you add a superficial example here? Just wrap the description in a <span> or something.

@chrisvxd good call, done!

[chrisvxd]

Fantastic! Going to hold off merging until we get closer to our next v0.17 feature release.

Let me know if you need this soon and I can publish a canary.