@astral/ui 4.62.1-rc.1 → 4.62.2

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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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,6 +589,7 @@ 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;
@@ -626,7 +627,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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,6 +321,7 @@ 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;
@@ -358,7 +359,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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, }: HintIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HintIcon: ({ variant, title, note, iconOption, tooltipPlacement, renderIcon, tooltipWidth, }: 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, }) => {
+export const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, tooltipWidth, }) => {
     const { handleClose, handleOpen, open } = useLogic();
-    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 }) })] }));
+    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 }) })] }));
 };

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'> & {
+export type IconProps = Pick<HintIconProps, 'variant' | 'iconOption' | 'note' | 'renderIcon' | 'tooltipWidth'> & {
     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 } = props;
-    return (_jsx(Tooltip, { title: note, placement: tooltipPlacement, children: _jsx(IconWrapper, { onClick: onClick, "$color": iconColor, className: hintIconClassnames.iconWrapper, children: getIcon() }) }));
+    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() }) }));
 };

package/components/HintIcon/types.d.ts

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

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

@@ -290,6 +290,7 @@ 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;
@@ -327,7 +328,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -651,6 +652,7 @@ 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;
@@ -688,7 +690,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;
@@ -988,6 +990,7 @@ 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;
@@ -1025,7 +1028,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;

package/components/MenuItem/MenuItem.js

@@ -2,8 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import MuiMenuItem from '@mui/material/MenuItem';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { Tooltip } from '../Tooltip';
+import { classNames } from '../utils/classNames';
+import { menuItemClassnames } from './constants';
 const InnerMenuItem = (props, ref) => {
-    const { disabledReason, disabled, component = 'div', title, tooltipPlacement = 'left', note, ...rest } = props;
-    return (_jsx("li", { children: _jsx(Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: _jsx(MuiMenuItem, { ...rest, disabled: disabled, title: title, ref: ref, component: component }) }, title) }));
+    const { disabledReason, disabled, component = 'div', title, tooltipPlacement = 'left', note, className, ...rest } = props;
+    return (_jsx("li", { children: _jsx(Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: _jsx(MuiMenuItem, { className: classNames(menuItemClassnames.root, className), ...rest, disabled: disabled, title: title, ref: ref, component: component }) }, title) }));
 };
 export const MenuItem = forwardRefWithGeneric(InnerMenuItem);

package/components/MenuItem/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const menuItemClassnames: {
+    root: string;
+};

package/components/MenuItem/constants.js

@@ -0,0 +1,4 @@
+import { createUIKitClassname } from '../utils/createUIKitClassname';
+export const menuItemClassnames = {
+    root: createUIKitClassname('menu-item'),
+};

package/components/MenuItem/index.d.ts

@@ -1 +1,2 @@
 export * from './MenuItem';
+export { menuItemClassnames } from './constants';

package/components/MenuItem/index.js

@@ -1 +1,2 @@
 export * from './MenuItem';
+export { menuItemClassnames } from './constants';

package/components/MenuItem/public.d.ts

@@ -1 +1,2 @@
+export { menuItemClassnames } from './constants';
 export * from './MenuItem';

package/components/MenuItem/public.js

@@ -1 +1,2 @@
+export { menuItemClassnames } from './constants';
 export * from './MenuItem';

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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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,6 +579,7 @@ 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;
@@ -616,7 +617,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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,6 +291,7 @@ 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;
@@ -328,7 +329,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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/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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     component?: import("react").ElementType | undefined;
     href?: string | undefined;
 } & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement> & {

package/components/Profile/constants.d.ts

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

package/components/Profile/constants.js

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

package/components/Profile/useLogic/useLogic.js

@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
+import { menuItemClassnames } from '../../MenuItem';
 import { useHidePersonalData } from '../../personalDataSecurity';
 import { ErrorService } from '../../services/ErrorService';
 import { useMenu } from '../../useMenu';
@@ -12,7 +13,7 @@ export const useLogic = ({ menuList, menu: Menu, exitButton, isHidePersonalData,
         const observer = new MutationObserver((_, obs) => {
             const popover = document.getElementById(PROFILE_POPOVER_ID);
             if (popover) {
-                const menuItems = popover.querySelectorAll('[role="menuitem"]');
+                const menuItems = popover.querySelectorAll(`.${menuItemClassnames.root}`);
                 if (menuItems.length > 0) {
                     menuItems.forEach((item) => {
                         item.onclick = handleCloseMenu;

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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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").StandardTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps, "variant"> & {
+} & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/ToggleButton/styles.js

@@ -41,7 +41,7 @@ const getBorderColor = ({ state = 'default', color = 'primary', theme, isSelecte
     if (state === 'active' || isSelected) {
         return theme.palette[color][800];
     }
-    return theme.palette.grey[100];
+    return theme.palette.components.border.default;
 };
 const toggleButtonColorStyle = ({ theme, color, selected, disabled, state = 'default', variant = 'transparent', }) => css `
   color: ${getColor({ theme, color, isSelected: selected, isDisabled: disabled, state })};
@@ -97,35 +97,35 @@ export const StyledToggleButton = styled(MuiToggleButton, {
   &.${buttonBaseClasses.root}.${toggleButtonGroupClasses.grouped}:not(:first-of-type) {
      border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color })};
 
-  &:hover {
-    border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, state: 'hover' })};
-  }
+    &:hover {
+      border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, state: 'hover' })};
+    }
 
-  &:active {
-    border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, state: 'active' })};
-  }
+    &:active {
+      border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, state: 'active' })};
+    }
 
-  &.${toggleButtonClasses.selected} {
-    border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, isSelected: true })};
+    &.${toggleButtonClasses.selected} {
+      border-left-color: ${({ theme, $color }) => getBorderColor({ theme, color: $color, isSelected: true })};
 
-    &:hover {
-      border-left-color: ${({ theme, $color }) => getBorderColor({
+      &:hover {
+        border-left-color: ${({ theme, $color }) => getBorderColor({
     theme,
     color: $color,
     isSelected: true,
     state: 'hover',
 })};
-    }
+      }
 
-    &:active {
-      border-left-color: ${({ theme, $color }) => getBorderColor({
+      &:active {
+        border-left-color: ${({ theme, $color }) => getBorderColor({
     theme,
     color: $color,
     isSelected: true,
     state: 'active',
 })};
+      }
     }
-  }
     
     &.${buttonClasses.focusVisible} {
       z-index: 3;
@@ -133,4 +133,8 @@ export const StyledToggleButton = styled(MuiToggleButton, {
       border-left-color: ${({ theme }) => theme.palette.components.focused};
     }
   }
+
+  &.${buttonClasses.disabled} {
+    border-color: ${({ theme }) => theme.palette.components.border.default};
+  }
 `;

package/components/Tooltip/Tooltip.js

@@ -1,9 +1,18 @@
 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, ...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 })) }));
+    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 })) }));
 });

package/components/Tooltip/constants.d.ts

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

package/components/Tooltip/constants.js

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

package/components/Tooltip/types.d.ts

@@ -1,4 +1,5 @@
 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> & {
@@ -12,4 +13,8 @@ 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,5 +1,4 @@
-/// <reference types="react" />
-/// <reference types="react" />
+import { type CSSProperties } from 'react';
 import { type TooltipProps } from '../types';
 export declare const useLogic: (props: TooltipProps) => {
     components?: {
@@ -27,7 +26,6 @@ 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;
@@ -325,11 +323,13 @@ 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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+    placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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,16 +1,22 @@
 import { useHidePersonalData } from '../../personalDataSecurity';
 import { classNames } from '../../utils/classNames';
 export const useLogic = (props) => {
-    const { children, className: propClassName, ...restProps } = props;
+    const { children, className: propClassName, width, style, ...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,6 +341,7 @@ 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;
@@ -378,7 +379,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | 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,6 +295,7 @@ 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;
@@ -332,7 +333,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" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
         PopperComponent?: import("react").JSXElementConstructor<import("@mui/material").PopperProps> | undefined;
         PopperProps?: Partial<import("@mui/material").PopperProps> | undefined;
         withoutContainer?: boolean | undefined;