profinansy-ui-lib 3.2.28 → 3.2.29

package/dist/components/uikit/Tooltip/Tooltip.d.ts

@@ -1,4 +1,67 @@
-import React from 'react';
-import { IRefTooltip, ITooltip } from './Tooltip.typed';
-declare const Tooltip: React.ForwardRefExoticComponent<ITooltip & React.RefAttributes<IRefTooltip>>;
+import React, { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+import { ITooltipProps } from './Tooltip.typed';
+export declare function useTooltip({ placement, isHover, showArrow }: {
+    placement?: Placement;
+    isHover?: boolean;
+    showArrow?: boolean;
+}): {
+    placement: Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType>;
+        floating: React.MutableRefObject<HTMLElement>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType) => void;
+        setFloating: (node: HTMLElement) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType;
+        floating: HTMLElement;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        placement: Placement;
+        x: number;
+        y: number;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    arrowRef: React.MutableRefObject<any>;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+declare const Tooltip: ({ children, width, height, zIndex, padding, ...props }: ITooltipProps) => JSX.Element;
+export declare const TooltipTrigger: ({ targetElement }: {
+    targetElement: React.ReactNode;
+}) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare const TooltipContent: ({ children, width, height, zIndex, padding, showArrow }: {
+    children: ReactNode;
+    width: string;
+    height: string;
+    zIndex: number;
+    padding: string;
+    showArrow: boolean;
+}) => JSX.Element;
 export { Tooltip };

package/dist/components/uikit/Tooltip/Tooltip.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("./Tooltip.typed").ITooltip & React.RefAttributes<import("./Tooltip.typed").IRefTooltip>>;
+    component: ({ children, width, height, zIndex, padding, ...props }: import("./Tooltip.typed").ITooltipProps) => JSX.Element;
+    tags: string[];
 };
 export default _default;
 export declare const Tooltip: () => JSX.Element;

package/dist/components/uikit/Tooltip/Tooltip.styled.d.ts

@@ -1,5 +1,9 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    y: number;
-    x: number;
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Tooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width?: string;
+    height?: string;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    height?: string;
+    padding?: string;
 }, never>;
-export declare const PopupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/Tooltip/Tooltip.typed.d.ts

@@ -1,15 +1,24 @@
-import React from 'react';
-export interface ITooltip {
-    data: React.ReactElement;
-    children: React.ReactElement;
+import { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+export interface ITooltipProps {
+    /** Элемент, по которому открывается выпадашка*/
+    targetElement: ReactNode;
+    /** Положение выпадашки*/
+    placement?: Placement;
+    /** Контент*/
+    children: ReactNode;
+    /** Ширина выпадашки*/
+    width?: string;
+    /** Максимальная высота выпадашки*/
+    height?: string;
+    /** Паддинги для выпадашки*/
+    padding?: string;
+    /** Можно передать кастомный z-index для выпадашки*/
+    zIndex?: number;
+    /**Показывать по наведению на триггер*/
     isHover?: boolean;
-    /** callback который вызывается, когда меняется закрыт или открыт тултип */
+    /**Показывать стрелку*/
+    showArrow?: boolean;
+    /** Callback, который вызывается, когда открывается или закрывается выпадашка.*/
     onOpenTooltip?: (val: boolean) => void;
-    closeClickOutSide?: boolean;
-    classNameContent?: string;
-    /** Нужно ли, чтобы тултип открывался по клику. Иногда нужно отключить, например, когда нам надо повесить тултип на ссылку */
-    isClick?: boolean;
-}
-export interface IRefTooltip {
-    handleClose: () => void;
 }

package/dist/components/uikit/Tooltip/index.d.ts

@@ -1,2 +1 @@
 export { Tooltip } from './Tooltip';
-export { DefaultTooltip } from './components/DefaultTooltip/DefaultTooltip';

package/dist/index.d.ts

@@ -24,7 +24,7 @@ import { TextButton } from './components/uikit/TextButton';
 import { RegexPattern, Input } from './components/uikit/Input';
 import { ErrorText } from './components/uikit/ErrorText';
 import { Avatar } from './components/uikit/Avatar';
-import { Tooltip, DefaultTooltip } from './components/uikit/Tooltip';
+import { Tooltip } from './components/uikit/Tooltip';
 import { Modal } from './components/uikit/Modal';
 import { SideModal } from './components/uikit/SideModal';
 import { CircleButton } from './components/uikit/CircleButton';
@@ -50,4 +50,4 @@ import { BusEvent } from './utils/eventBus/events';
 import { INSTRUMENTS_TYPES } from './hooks/useSearchInstruments';
 import { HEIGHT_HEADER } from './constants/common';
 import { AnimationFunctions } from './constants/animation/animation';
-export { AnimationFunctions, INSTRUMENTS_TYPES, eventBus, BusEvent, SuccessModal, Footer, Header, SideMenu, PremiumBanner, Alert, Hint, SegmentControl, SwiperButton, FilterButton, ControlButton, SortingButton, Counter, Checkbox, Radio, Portal, Loader, Button, Tabs, TextButton, RegexPattern, Input, Textarea, ErrorText, Avatar, Tooltip, Typography, DefaultTooltip, Modal, SideModal, CircleButton, ArrowButton, Bubbles, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, Switch, Spinner, Skeleton, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp, LayoutSideMenu, HEIGHT_HEADER };
+export { AnimationFunctions, INSTRUMENTS_TYPES, eventBus, BusEvent, SuccessModal, Footer, Header, SideMenu, PremiumBanner, Alert, Hint, SegmentControl, SwiperButton, FilterButton, ControlButton, SortingButton, Counter, Checkbox, Radio, Portal, Loader, Button, Tabs, TextButton, RegexPattern, Input, Textarea, ErrorText, Avatar, Tooltip, Typography, Modal, SideModal, CircleButton, ArrowButton, Bubbles, HiddenText, PasswordInput, Dropdown, ModalMobile, Popup, IPopup, FieldRow, Card, Switch, Spinner, Skeleton, palette, ThemeProvider, useMode, useHidingChat, useHidingFromApp, LayoutSideMenu, HEIGHT_HEADER };