3807 - Fix invalid links tooltip not showing

[yaguzmang]

The root cause is that the DataCell component has its own tooltip data. Since it is higher in the DOM tree, its tooltip takes precedent over the editor tooltip.

And since the DataCell tooltip content is empty, nothing is shown.

Current Fix:
Setting the tooltip id in the DataCell only if it has content, that way it won't take precedent over the children tooltips if it is empty.

Other possible fix:
From the DataCell caller, passing data-tooltip-id only when the content is not empty. In DataSourceRow it would be something like:

    <DataRow actions={actions}>
      {componentsOrder.map((componentKey) => {
        const Component = Components[componentKey]
        return (
          <DataCell
            key={`${componentKey}-${dataSource.uuid}`}
            className={classNames({ 'validation-error': errors[componentKey] })}
            data-tooltip-content={errors[componentKey]}
        ->  data-tooltip-id={errors[componentKey] ? TooltipId.error : null}
            ...

2024-05-13.13-06-29.mp4