@astral/ui 4.62.1-rc.0 → 4.62.1-rc.1

package/components/ActionGroup/MainActions/hooks/useMainActions/useMainActions.d.ts

@@ -315,7 +315,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         divider?: boolean | undefined;
         disabledReason?: string | undefined;
         note?: string | undefined;
-        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         component?: ElementType | undefined;
         href?: string | undefined;
         css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;

package/components/Autocomplete/styles.d.ts

@@ -3,7 +3,7 @@ import MuiAutocomplete from '@mui/material/Autocomplete';
 export declare const StyledMenuItem: import("../styled").StyledComponent<import("..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/components/CopyTypography/useLogic/useLogic.d.ts

@@ -589,7 +589,6 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -627,7 +626,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/components/Description/Value/styles.d.ts

@@ -321,7 +321,6 @@ export declare const StyledCopyTypography: import("../../styled").StyledComponen
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -359,7 +358,7 @@ export declare const StyledCopyTypography: import("../../styled").StyledComponen
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/components/HintIcon/HintIcon.d.ts

@@ -1,2 +1,2 @@
 import { type HintIconProps } from './types';
-export declare const HintIcon: ({ variant, title, note, iconOption, tooltipPlacement, renderIcon, tooltipWidth, }: HintIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HintIcon: ({ variant, title, note, iconOption, tooltipPlacement, renderIcon, }: HintIconProps) => import("react/jsx-runtime").JSX.Element;

package/components/HintIcon/HintIcon.js

@@ -3,7 +3,7 @@ import { BottomDrawer } from '../BottomDrawer';
 import { Icon } from './Icon';
 import { DrawerContent } from './styles';
 import { useLogic } from './useLogic';
-export const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, tooltipWidth, }) => {
+export const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, }) => {
     const { handleClose, handleOpen, open } = useLogic();
-    return (_jsxs(_Fragment, { children: [_jsx(Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon, tooltipWidth: tooltipWidth }), _jsx(BottomDrawer, { title: title, open: open, onClose: handleClose, children: _jsx(DrawerContent, { children: note }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon }), _jsx(BottomDrawer, { title: title, open: open, onClose: handleClose, children: _jsx(DrawerContent, { children: note }) })] }));
 };

package/components/HintIcon/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import type { SyntheticEvent } from 'react';
 import type { HintIconProps, TooltipPlacement } from '../types';
-export type IconProps = Pick<HintIconProps, 'variant' | 'iconOption' | 'note' | 'renderIcon' | 'tooltipWidth'> & {
+export type IconProps = Pick<HintIconProps, 'variant' | 'iconOption' | 'note' | 'renderIcon'> & {
     onClick: (e: SyntheticEvent) => void;
     tooltipPlacement: TooltipPlacement;
 };

package/components/HintIcon/Icon/Icon.js

@@ -5,6 +5,6 @@ import { IconWrapper } from './styles';
 import { useLogic } from './useLogic';
 export const Icon = (props) => {
     const { getIcon, iconColor } = useLogic(props);
-    const { onClick, note, tooltipPlacement, tooltipWidth } = props;
-    return (_jsx(Tooltip, { title: note, placement: tooltipPlacement, width: tooltipWidth, children: _jsx(IconWrapper, { onClick: onClick, "$color": iconColor, className: hintIconClassnames.iconWrapper, children: getIcon() }) }));
+    const { onClick, note, tooltipPlacement } = props;
+    return (_jsx(Tooltip, { title: note, placement: tooltipPlacement, children: _jsx(IconWrapper, { onClick: onClick, "$color": iconColor, className: hintIconClassnames.iconWrapper, children: getIcon() }) }));
 };

package/components/HintIcon/types.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type TooltipPlacement = 'left' | 'top' | 'right' | 'bottom';
 export type HintIconProps = {
     /**
@@ -36,8 +36,4 @@ export type HintIconProps = {
      * Задание кастомной иконки
      */
     renderIcon?: () => ReactNode;
-    /**
-     * Задает ширину тултипа
-     */
-    tooltipWidth?: CSSProperties['width'];
 };

package/components/JsonViewer/NodeValue/styles.d.ts

@@ -290,7 +290,6 @@ export declare const Value: import("../../styled").StyledComponent<import("../..
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -328,7 +327,7 @@ export declare const Value: import("../../styled").StyledComponent<import("../..
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -652,7 +651,6 @@ export declare const CopyWrapper: import("../../styled").StyledComponent<import(
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -690,7 +688,7 @@ export declare const CopyWrapper: import("../../styled").StyledComponent<import(
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -990,7 +988,6 @@ export declare const GuidValue: import("../../styled").StyledComponent<import(".
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -1028,7 +1025,7 @@ export declare const GuidValue: import("../../styled").StyledComponent<import(".
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/components/Menu/Menu.d.ts

@@ -6,4 +6,4 @@ export type MenuProps = WithoutEmotionSpecific<MuiMenuProps> & {
      */
     title?: string;
 };
-export declare const Menu: ({ children, onClose, open, title, ...restProps }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ children, onClose, open, title, MenuListProps, ...restProps }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/components/Menu/Menu.js

@@ -3,10 +3,10 @@ import MuiMenu from '@mui/material/Menu';
 import { BottomDrawer } from '../BottomDrawer';
 import { MenuList } from '../MenuList';
 import { useViewportType } from '../useViewportType';
-export const Menu = ({ children, onClose, open, title, ...restProps }) => {
+export const Menu = ({ children, onClose, open, title, MenuListProps, ...restProps }) => {
     const { isMobile } = useViewportType();
     if (isMobile) {
-        return (_jsx(BottomDrawer, { title: title, onClose: onClose, open: open, children: _jsx(MenuList, { children: children }) }));
+        return (_jsx(BottomDrawer, { title: title, onClose: onClose, open: open, id: MenuListProps?.id, children: _jsx(MenuList, { children: children }) }));
     }
-    return (_jsx(MuiMenu, { open: open, onClose: onClose, ...restProps, children: children }));
+    return (_jsx(MuiMenu, { open: open, onClose: onClose, MenuListProps: MenuListProps, ...restProps, children: children }));
 };

package/components/MenuOrganization/OrganizationItem/styles.d.ts

@@ -2,7 +2,7 @@
 export declare const StyledMenuItem: import("../../styled").StyledComponent<import("../..").WithoutEmotionSpecific<Omit<import("@mui/material/MenuItem").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -579,7 +579,6 @@ export declare const NavMenuItemButtonText: import("../../../styled").StyledComp
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -617,7 +616,7 @@ export declare const NavMenuItemButtonText: import("../../../styled").StyledComp
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/components/OverflowTypography/OverflowTypography.d.ts

@@ -291,7 +291,6 @@ export declare const OverflowTypography: import("react").ForwardRefExoticCompone
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../Tooltip").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -329,7 +328,7 @@ export declare const OverflowTypography: import("react").ForwardRefExoticCompone
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/components/ProductSwitcher/Content/styles.d.ts

@@ -2,7 +2,7 @@
 export declare const ProductItem: <TComponent extends import("react").ElementType>(props: import("../..").WithoutEmotionSpecific<Omit<import("@mui/material/MenuItem").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: TComponent | undefined;
     href?: string | undefined;
 } & import("react").ComponentPropsWithRef<import("react").ElementType extends TComponent ? "li" : TComponent> & import("react").RefAttributes<HTMLLIElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/components/Profile/MenuList/MenuList.js

@@ -8,6 +8,7 @@ import { ListItemText } from '../../ListItemText';
 import { MenuItem as StyledMenuItem } from '../../MenuItem';
 import { OverflowTypography } from '../../OverflowTypography';
 import { useViewportType } from '../../useViewportType';
+import { PROFILE_POPOVER_ID } from '../constants';
 import { DisplayNameMenuItem, ExitMenuItem, StyledDivider, StyledMenu, StyledMenuList, } from './styles';
 /**
  * Компонент для рендера menu с помощью массива данных
@@ -31,7 +32,7 @@ export const MenuList = (props) => {
         return items;
     };
     if (isMobile) {
-        return (_jsx(BottomDrawer, { title: displayName, onClose: onClose, open: open, children: _jsx(StyledMenuList, { children: renderMenuList() }) }));
+        return (_jsx(BottomDrawer, { id: PROFILE_POPOVER_ID, title: displayName, onClose: onClose, open: open, children: _jsx(StyledMenuList, { children: renderMenuList() }) }));
     }
-    return (_jsx(StyledMenu, { open: open, onClose: onClose, ...restProps, children: renderMenuList() }));
+    return (_jsx(StyledMenu, { MenuListProps: { id: PROFILE_POPOVER_ID }, open: open, onClose: onClose, ...restProps, children: renderMenuList() }));
 };

package/components/Profile/MenuList/styles.d.ts

@@ -7,7 +7,7 @@ export declare const StyledMenu: import("../../styled").StyledComponent<import("
 export declare const ExitMenuItem: import("../../styled").StyledComponent<import("../..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/components/Profile/Profile.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Typography } from '../Typography';
-import { profileClassnames } from './constants';
+import { PROFILE_POPOVER_ID, profileClassnames } from './constants';
 import { MenuList } from './MenuList';
 import { ProfileSkeleton } from './ProfileSkeleton';
 import { Credentials, ProfileRoot, StyledAvatar, StyledChevron, User, } from './styles';
@@ -11,7 +11,7 @@ export const Profile = (props) => {
     if (isLoading) {
         return _jsx(ProfileSkeleton, {});
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, className: profileClassnames.button, children: [_jsx(StyledAvatar, { ...avatar, className: profileClassnames.avatar }), _jsxs(User, { className: profileClassnames.user, children: [_jsxs(Credentials, { className: hidePersonalDataClassname, children: [_jsx(Typography, { variant: "body1", className: profileClassnames.credentials, children: displayName }), _jsx(Typography, { variant: "caption", color: "textSecondary", className: profileClassnames.credentials, children: annotation })] }), _jsx(StyledChevron, { isActive: open })] })] }), Menu ? (_jsx(Menu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, anchorOrigin: {
+    return (_jsxs(_Fragment, { children: [_jsxs(ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, className: profileClassnames.button, children: [_jsx(StyledAvatar, { ...avatar, className: profileClassnames.avatar }), _jsxs(User, { className: profileClassnames.user, children: [_jsxs(Credentials, { className: hidePersonalDataClassname, children: [_jsx(Typography, { variant: "body1", className: profileClassnames.credentials, children: displayName }), _jsx(Typography, { variant: "caption", color: "textSecondary", className: profileClassnames.credentials, children: annotation })] }), _jsx(StyledChevron, { isActive: open })] })] }), Menu ? (_jsx(Menu, { MenuListProps: { id: PROFILE_POPOVER_ID }, open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'right',
                 }, transformOrigin: {

package/components/Profile/constants.d.ts

@@ -1,3 +1,4 @@
+export declare const PROFILE_POPOVER_ID = "profile-popover";
 export declare const profileClassnames: {
     credentials: string;
     button: string;

package/components/Profile/constants.js

@@ -1,4 +1,5 @@
 import { createUIKitClassname } from '../utils/createUIKitClassname';
+export const PROFILE_POPOVER_ID = 'profile-popover';
 export const profileClassnames = {
     credentials: createUIKitClassname('profile__credentials'),
     button: createUIKitClassname('profile__button'),

package/components/Profile/useLogic/useLogic.js

@@ -1,27 +1,36 @@
 import { useEffect } from 'react';
 import { useHidePersonalData } from '../../personalDataSecurity';
+import { ErrorService } from '../../services/ErrorService';
 import { useMenu } from '../../useMenu';
+import { PROFILE_POPOVER_ID } from '../constants';
 export const useLogic = ({ menuList, menu: Menu, exitButton, isHidePersonalData, }) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu();
     useEffect(() => {
         if (!open) {
             return;
         }
-        const timer = setTimeout(() => {
-            const popover = document.querySelector('[role="presentation"]');
+        const observer = new MutationObserver((_, obs) => {
+            const popover = document.getElementById(PROFILE_POPOVER_ID);
             if (popover) {
                 const menuItems = popover.querySelectorAll('[role="menuitem"]');
-                menuItems.forEach((item) => {
-                    item.onclick = handleCloseMenu;
-                });
+                if (menuItems.length > 0) {
+                    menuItems.forEach((item) => {
+                        item.onclick = handleCloseMenu;
+                    });
+                    obs.disconnect();
+                }
             }
-        }, 0);
-        return () => clearTimeout(timer);
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        return () => observer.disconnect();
     }, [open, handleCloseMenu]);
     useEffect(() => {
+        const errorService = ErrorService.getInstance();
         if (!Menu && !menuList && !exitButton) {
-            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-            console.error('Profile должен иметь один из следующих props: menu, menuList, exitButton');
+            errorService.logError('Profile', 'Profile должен иметь один из следующих props: menu, menuList, exitButton');
         }
     }, []);
     const hidePersonalDataClassname = useHidePersonalData({

package/components/Select/styles.d.ts

@@ -10,7 +10,7 @@ export declare const EndAdornmentWrapper: import("../styled").StyledComponent<{
 export declare const Placeholder: import("../styled").StyledComponent<import("..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
     disabledReason?: string | undefined;
     note?: string | undefined;
-    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/components/TextField/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledTextField: import("../styled").StyledComponent<{
     variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
-} & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & {
+} & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps, "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/Tooltip/Tooltip.js

@@ -1,18 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../utils/classNames';
-import { cva } from '../utils/cva';
 import { tooltipClassnames } from './constants';
 import { ContentWrapper, StyledTooltip } from './styles';
 import { useLogic } from './useLogic';
-const tooltipCva = cva(tooltipClassnames.root, {
-    variants: {
-        withoutMaxWidth: {
-            true: tooltipClassnames.withoutMaxWidth,
-        },
-    },
-});
 export const Tooltip = forwardRef((props, ref) => {
-    const { title, placement = 'top', size = 'medium', withoutContainer = true, children, className, tooltipStyle, width, ...restProps } = useLogic(props);
-    return (_jsx(StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, className: classNames(className, tooltipCva({ withoutMaxWidth: Boolean(width) })), style: tooltipStyle, ...restProps, children: withoutContainer ? (children) : (_jsx(ContentWrapper, { className: tooltipClassnames.contentWrapper, children: children })) }));
+    const { title, placement = 'top', size = 'medium', withoutContainer = true, children, className, ...restProps } = useLogic(props);
+    return (_jsx(StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, className: className, ...restProps, children: withoutContainer ? (children) : (_jsx(ContentWrapper, { className: tooltipClassnames.contentWrapper, children: children })) }));
 });

package/components/Tooltip/constants.d.ts

@@ -1,7 +1,3 @@
 export declare const tooltipClassnames: {
-    root: string;
     contentWrapper: string;
-    withoutMaxWidth: string;
-    tooltipLabel: string;
-    arrow: string;
 };

package/components/Tooltip/constants.js

@@ -1,8 +1,4 @@
 import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const tooltipClassnames = {
-    root: createUIKitClassname('tooltip'),
     contentWrapper: createUIKitClassname('tooltip__content-wrapper'),
-    withoutMaxWidth: createUIKitClassname('tooltip_without-max-width'),
-    tooltipLabel: createUIKitClassname('tooltip__label'),
-    arrow: createUIKitClassname('tooltip__arrow'),
 };

package/components/Tooltip/styles.js

@@ -1,23 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '@mui/material/Tooltip';
+import Tooltip, { tooltipClasses, } from '@mui/material/Tooltip';
 import { styled } from '../styled';
-import { tooltipClassnames } from './constants';
-export const StyledTooltip = styled(({ className, style, ...props }) => (_jsx(Tooltip, { ...props, PopperProps: { ...props.PopperProps, style }, classes: {
-        ...props.classes,
-        popper: className,
-        tooltip: tooltipClassnames.tooltipLabel,
-        arrow: tooltipClassnames.arrow,
-    } }))) `
-  --tooltip-width: 0;
-
-  &.${tooltipClassnames.withoutMaxWidth} {
-    & .${tooltipClassnames.tooltipLabel} {
-      width: var(--tooltip-width);
-      max-width: none;
-    }
-  }
-  
-  & .${tooltipClassnames.tooltipLabel} {
+export const StyledTooltip = styled(({ className, ...props }) => (_jsx(Tooltip, { ...props, classes: { popper: className } }))) `
+  & .${tooltipClasses.tooltip} {
     margin: 0;
 
     font-size: ${({ size, theme }) => size === 'small'
@@ -33,24 +18,24 @@ export const StyledTooltip = styled(({ className, style, ...props }) => (_jsx(To
     border-radius: ${({ theme }) => theme.shape.small};
   }
 
-  & .${tooltipClassnames.arrow} {
+  & .${tooltipClasses.arrow} {
     font-size: ${({ theme }) => theme.typography.caption.fontSize};
     color: ${({ theme }) => theme.palette.grey[900]};
   }
 
-  &&[data-popper-placement*='top'] .${tooltipClassnames.tooltipLabel} {
+  &&[data-popper-placement*='top'] .${tooltipClasses.tooltip} {
     margin-bottom: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='bottom'] .${tooltipClassnames.tooltipLabel} {
+  &&[data-popper-placement*='bottom'] .${tooltipClasses.tooltip} {
     margin-top: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='left'] .${tooltipClassnames.tooltipLabel} {
+  &&[data-popper-placement*='left'] .${tooltipClasses.tooltip} {
     margin-right: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='right'] .${tooltipClassnames.tooltipLabel} {
+  &&[data-popper-placement*='right'] .${tooltipClasses.tooltip} {
     margin-left: ${({ theme }) => theme.spacing(2)};
   }
 `;

package/components/Tooltip/types.d.ts

@@ -1,5 +1,4 @@
 import { type TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
-import { type CSSProperties } from 'react';
 import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type TooltipSize = 'small' | 'medium';
 export type TooltipProps = WithoutEmotionSpecific<MuiTooltipProps> & {
@@ -13,8 +12,4 @@ export type TooltipProps = WithoutEmotionSpecific<MuiTooltipProps> & {
      * @example <Tooltip withoutContainer={false} ...><Button disabled></Tooltip>
      */
     withoutContainer?: boolean;
-    /**
-     * Задает ширину тултипа и снимает ограничение на максимальную ширину
-     */
-    width?: CSSProperties['width'];
 };

package/components/Tooltip/useLogic/useLogic.d.ts

@@ -1,4 +1,5 @@
-import { type CSSProperties } from 'react';
+/// <reference types="react" />
+/// <reference types="react" />
 import { type TooltipProps } from '../types';
 export declare const useLogic: (props: TooltipProps) => {
     components?: {
@@ -26,6 +27,7 @@ export declare const useLogic: (props: TooltipProps) => {
     nonce?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title: import("react").ReactNode;
     translate?: "yes" | "no" | undefined;
@@ -323,13 +325,11 @@ export declare const useLogic: (props: TooltipProps) => {
     leaveDelay?: number | undefined;
     leaveTouchDelay?: number | undefined;
     onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-    placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
     PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
     PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
     size?: import("../types").TooltipSize | undefined;
     withoutContainer?: boolean | undefined;
     children: import("react").ReactElement<any, any>;
     className: string;
-    tooltipStyle: CSSProperties;
-    width: import("csstype").Property.Width<string | number> | undefined;
 };

package/components/Tooltip/useLogic/useLogic.js

@@ -1,22 +1,16 @@
 import { useHidePersonalData } from '../../personalDataSecurity';
 import { classNames } from '../../utils/classNames';
 export const useLogic = (props) => {
-    const { children, className: propClassName, width, style, ...restProps } = props;
+    const { children, className: propClassName, ...restProps } = props;
     const hidePersonalDataClassName = useHidePersonalData({
         type: 'container',
     });
     const className = classNames(propClassName, {
         [hidePersonalDataClassName]: children.props.className?.includes(hidePersonalDataClassName),
     });
-    const tooltipStyle = {
-        '--tooltip-width': width,
-        ...style,
-    };
     return {
         children,
         className,
-        tooltipStyle,
-        width,
         ...restProps,
     };
 };

package/components/Tree/TreeItem/styles.d.ts

@@ -341,7 +341,6 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -379,7 +378,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/components/fileUploading/FileInfo/styles.d.ts

@@ -295,7 +295,6 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         open?: boolean | undefined;
-        width?: import("csstype").Property.Width<string | number> | undefined;
         size?: import("../..").TooltipSize | undefined;
         componentsProps?: {
             popper?: (Partial<import("@mui/material").PopperProps> & import("@mui/material").TooltipComponentsPropsOverrides) | undefined;
@@ -333,7 +332,7 @@ export declare const StyledFilename: import("../../styled").StyledComponent<Omit
         leaveDelay?: number | undefined;
         leaveTouchDelay?: number | undefined;
         onOpen?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;