feat(tooltip): add withTransition prop

.changeset/tall-elephants-trade.md

@@ -0,0 +1,5 @@
+---
+'@alfalab/core-components-tooltip': minor
+---
+
+Добавлено свойство withTransition

packages/tooltip/src/desktop/Component.desktop.tsx

@@ -55,6 +55,7 @@ export const TooltipDesktop: FC<TooltipDesktopProps> = ({
     colors = 'default',
     useAnchorWidth,
     onTargetClick,
+    withTransition = true,
 }) => {
     const [visible, setVisible] = useState(!!forcedOpen);
     const [target, setTarget] = useState<HTMLElement | null>(null);
@@ -238,6 +239,7 @@ export const TooltipDesktop: FC<TooltipDesktopProps> = ({
                 preventOverflow={preventOverflow}
                 availableHeight={availableHeight}
                 useAnchorWidth={useAnchorWidth}
+                withTransition={withTransition}
             >
                 <div {...getContentProps()}>{content}</div>
             </Popover>

packages/tooltip/src/docs/Component.stories.tsx

@@ -84,6 +84,7 @@ export const tooltip_desktop: Story = {
                     onOpenDelay={number('onOpenDelay (in ms)', 300)}
                     view={select('view', ['tooltip', 'hint'], 'tooltip')}
                     colors={select('colors', ['default', 'inverted'], 'default')}
+                    withTransition={select('withTransition', [true, false], true)}
                     dataTestId='test-id'
                 >
                     {isPreview ? (

packages/tooltip/src/types.ts

@@ -140,6 +140,11 @@ export type TooltipDesktopProps = {
      */
     useAnchorWidth?: boolean;
 
+    /**
+     * Показывать тултип с анимацией
+     */
+    withTransition?: boolean;
+
     /**
      * Тэг для target обертки
      * @default div