feat: add max width for table cells

[islxyqwe]

Apply max width on DataTable cells.
When a cell is truncated, hover it will display a hover card and user can copy the value of the cell in the card.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
graphic-walker	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 21, 2024 0:42am

[github-actions]

Risk Level 2 - /home/runner/work/graphic-walker/graphic-walker/packages/graphic-walker/src/components/dataTable/profiling.tsx

The code seems to be well written and follows the SOLID principles. However, there is a potential performance issue in the NominalProfiling function. The render function is called inside the JSX, which means it will be called on every render. This could be optimized by using useMemo to only recompute the render function when valueRenderer or value changes. Here is an example of how you could do this:

const render = useMemo(() => {
    const displayValue = valueRenderer(value);
    if (!displayValue) {
        return <span className=\"text-destructive\">(Empty)</span>;
    }
    return displayValue;
}, [valueRenderer, value]);

---

📝🐌🚀

---

Powered by Code Review GPT