fix(Field): complex tooltips (#938)

Author: tenphi

.changeset/fix-field-wrapper-tooltip-reactnode.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Fix FieldWrapper tooltip prop to properly support ReactNode values, not just strings. Previously, ReactNode tooltips (like JSX fragments) were incorrectly cast to strings, causing them to fail.

src/components/form/FieldWrapper/FieldWrapper.stories.tsx

@@ -63,7 +63,7 @@ SideLabel.args = {
 export const SideLabelWithTooltip = Template.bind({});
 SideLabelWithTooltip.args = {
   labelPosition: 'side',
-  tooltip: 'Long description',
+  tooltip: <>Long description</>,
 };
 
 export const SideLabelWithMessage = Template.bind({});

src/components/form/FieldWrapper/FieldWrapper.tsx

@@ -7,7 +7,6 @@ import { Item } from '../../content/Item';
 import { Text } from '../../content/Text';
 import { Flex } from '../../layout/Flex';
 import { Space } from '../../layout/Space';
-import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
 import { Label } from '../Label';
 
 import { CubeFieldWrapperProps } from './types';
@@ -142,7 +141,9 @@ export const FieldWrapper = forwardRef(function FieldWrapper(
             <Item
               icon={<InfoCircleIcon color="#purple-text" />}
               size="inline"
-              tooltip={tooltip as string}
+              tooltip={
+                typeof tooltip === 'string' ? tooltip : { title: tooltip }
+              }
             />
           ) : null}