@astral/ui 4.62.1-rc.1 → 4.62.1

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

@@ -321,6 +321,7 @@ export declare const StyledCopyTypography: import("@emotion/styled/dist/declarat
         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("@emotion/styled/dist/declarat
         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/node/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/node/components/HintIcon/HintIcon.js

@@ -6,8 +6,8 @@ const BottomDrawer_1 = require("../BottomDrawer");
 const Icon_1 = require("./Icon");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, }) => {
+const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, tooltipWidth, }) => {
     const { handleClose, handleOpen, open } = (0, useLogic_1.useLogic)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, open: open, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(styles_1.DrawerContent, { children: note }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon, tooltipWidth: tooltipWidth }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, open: open, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(styles_1.DrawerContent, { children: note }) })] }));
 };
 exports.HintIcon = HintIcon;

package/node/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/node/components/HintIcon/Icon/Icon.js

@@ -8,7 +8,7 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Icon = (props) => {
     const { getIcon, iconColor } = (0, useLogic_1.useLogic)(props);
-    const { onClick, note, tooltipPlacement } = props;
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: note, placement: tooltipPlacement, children: (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { onClick: onClick, "$color": iconColor, className: constants_1.hintIconClassnames.iconWrapper, children: getIcon() }) }));
+    const { onClick, note, tooltipPlacement, tooltipWidth } = props;
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: note, placement: tooltipPlacement, width: tooltipWidth, children: (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { onClick: onClick, "$color": iconColor, className: constants_1.hintIconClassnames.iconWrapper, children: getIcon() }) }));
 };
 exports.Icon = Icon;

package/node/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/node/components/JsonViewer/NodeValue/styles.d.ts

@@ -290,6 +290,7 @@ export declare const Value: import("@emotion/styled/dist/declarations/src/types"
         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("@emotion/styled/dist/declarations/src/types"
         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("@emotion/styled/dist/declarations/src/
         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("@emotion/styled/dist/declarations/src/
         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("@emotion/styled/dist/declarations/src/ty
         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("@emotion/styled/dist/declarations/src/ty
         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/node/components/MenuItem/MenuItem.js

@@ -8,8 +8,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 const forwardRefWithGeneric_1 = require("../forwardRefWithGeneric");
 const Tooltip_1 = require("../Tooltip");
+const classNames_1 = require("../utils/classNames");
+const constants_1 = require("./constants");
 const InnerMenuItem = (props, ref) => {
-    const { disabledReason, disabled, component = 'div', title, tooltipPlacement = 'left', note, ...rest } = props;
-    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: (0, jsx_runtime_1.jsx)(MenuItem_1.default, { ...rest, disabled: disabled, title: title, ref: ref, component: component }) }, title) }));
+    const { disabledReason, disabled, component = 'div', title, tooltipPlacement = 'left', note, className, ...rest } = props;
+    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: (0, jsx_runtime_1.jsx)(MenuItem_1.default, { className: (0, classNames_1.classNames)(constants_1.menuItemClassnames.root, className), ...rest, disabled: disabled, title: title, ref: ref, component: component }) }, title) }));
 };
 exports.MenuItem = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(InnerMenuItem);

package/node/components/MenuItem/constants.d.ts

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

package/node/components/MenuItem/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuItemClassnames = void 0;
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+exports.menuItemClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('menu-item'),
+};

package/node/components/MenuItem/index.d.ts

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

package/node/components/MenuItem/index.js

@@ -14,4 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuItemClassnames = void 0;
 __exportStar(require("./MenuItem"), exports);
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "menuItemClassnames", { enumerable: true, get: function () { return constants_1.menuItemClassnames; } });

package/node/components/MenuItem/public.d.ts

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

package/node/components/MenuItem/public.js

@@ -14,4 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuItemClassnames = void 0;
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "menuItemClassnames", { enumerable: true, get: function () { return constants_1.menuItemClassnames; } });
 __exportStar(require("./MenuItem"), exports);

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

@@ -2,7 +2,7 @@
 export declare const StyledMenuItem: import("@emotion/styled/dist/declarations/src/types").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/node/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -579,6 +579,7 @@ export declare const NavMenuItemButtonText: import("@emotion/styled/dist/declara
         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("@emotion/styled/dist/declara
         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/node/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/node/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/node/components/Profile/MenuList/styles.d.ts

@@ -7,7 +7,7 @@ export declare const StyledMenu: import("@emotion/styled/dist/declarations/src/t
 export declare const ExitMenuItem: import("@emotion/styled/dist/declarations/src/types").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/node/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/node/components/Profile/constants.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.profileClassnames = exports.PROFILE_POPOVER_ID = void 0;
 const createUIKitClassname_1 = require("../utils/createUIKitClassname");
-exports.PROFILE_POPOVER_ID = 'profile-popover';
+exports.PROFILE_POPOVER_ID = 'astral-ui-profile-popover';
 exports.profileClassnames = {
     credentials: (0, createUIKitClassname_1.createUIKitClassname)('profile__credentials'),
     button: (0, createUIKitClassname_1.createUIKitClassname)('profile__button'),

package/node/components/Profile/useLogic/useLogic.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
+const MenuItem_1 = require("../../MenuItem");
 const personalDataSecurity_1 = require("../../personalDataSecurity");
 const ErrorService_1 = require("../../services/ErrorService");
 const useMenu_1 = require("../../useMenu");
@@ -15,7 +16,7 @@ const useLogic = ({ menuList, menu: Menu, exitButton, isHidePersonalData, }) =>
         const observer = new MutationObserver((_, obs) => {
             const popover = document.getElementById(constants_1.PROFILE_POPOVER_ID);
             if (popover) {
-                const menuItems = popover.querySelectorAll('[role="menuitem"]');
+                const menuItems = popover.querySelectorAll(`.${MenuItem_1.menuItemClassnames.root}`);
                 if (menuItems.length > 0) {
                     menuItems.forEach((item) => {
                         item.onclick = handleCloseMenu;

package/node/components/Select/styles.d.ts

@@ -10,7 +10,7 @@ export declare const EndAdornmentWrapper: import("@emotion/styled/dist/declarati
 export declare const Placeholder: import("@emotion/styled/dist/declarations/src/types").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/node/components/TextField/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledTextField: import("@emotion/styled/dist/declarations/src/types").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/node/components/Tooltip/Tooltip.js

@@ -3,10 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const classNames_1 = require("../utils/classNames");
+const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
+const tooltipCva = (0, cva_1.cva)(constants_1.tooltipClassnames.root, {
+    variants: {
+        withoutMaxWidth: {
+            true: constants_1.tooltipClassnames.withoutMaxWidth,
+        },
+    },
+});
 exports.Tooltip = (0, react_1.forwardRef)((props, ref) => {
-    const { title, placement = 'top', size = 'medium', withoutContainer = true, children, className, ...restProps } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, className: className, ...restProps, children: withoutContainer ? (children) : ((0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { className: constants_1.tooltipClassnames.contentWrapper, children: children })) }));
+    const { title, placement = 'top', size = 'medium', withoutContainer = true, children, className, tooltipStyle, width, ...restProps } = (0, useLogic_1.useLogic)(props);
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, className: (0, classNames_1.classNames)(className, tooltipCva({ withoutMaxWidth: Boolean(width) })), style: tooltipStyle, ...restProps, children: withoutContainer ? (children) : ((0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { className: constants_1.tooltipClassnames.contentWrapper, children: children })) }));
 });

package/node/components/Tooltip/constants.d.ts

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

package/node/components/Tooltip/constants.js

@@ -3,5 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.tooltipClassnames = void 0;
 const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.tooltipClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('tooltip'),
     contentWrapper: (0, createUIKitClassname_1.createUIKitClassname)('tooltip__content-wrapper'),
+    withoutMaxWidth: (0, createUIKitClassname_1.createUIKitClassname)('tooltip_without-max-width'),
+    tooltipLabel: (0, createUIKitClassname_1.createUIKitClassname)('tooltip__label'),
+    arrow: (0, createUIKitClassname_1.createUIKitClassname)('tooltip__arrow'),
 };

package/node/components/Tooltip/styles.js

@@ -1,34 +1,29 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentWrapper = exports.StyledTooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Tooltip_1 = __importStar(require("@mui/material/Tooltip"));
+const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 const styled_1 = require("../styled");
-exports.StyledTooltip = (0, styled_1.styled)(({ className, ...props }) => ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { ...props, classes: { popper: className } }))) `
-  & .${Tooltip_1.tooltipClasses.tooltip} {
+const constants_1 = require("./constants");
+exports.StyledTooltip = (0, styled_1.styled)(({ className, style, ...props }) => ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { ...props, PopperProps: { ...props.PopperProps, style }, classes: {
+        ...props.classes,
+        popper: className,
+        tooltip: constants_1.tooltipClassnames.tooltipLabel,
+        arrow: constants_1.tooltipClassnames.arrow,
+    } }))) `
+  --tooltip-width: 0;
+
+  &.${constants_1.tooltipClassnames.withoutMaxWidth} {
+    & .${constants_1.tooltipClassnames.tooltipLabel} {
+      width: var(--tooltip-width);
+      max-width: none;
+    }
+  }
+  
+  & .${constants_1.tooltipClassnames.tooltipLabel} {
     margin: 0;
 
     font-size: ${({ size, theme }) => size === 'small'
@@ -44,24 +39,24 @@ exports.StyledTooltip = (0, styled_1.styled)(({ className, ...props }) => ((0, j
     border-radius: ${({ theme }) => theme.shape.small};
   }
 
-  & .${Tooltip_1.tooltipClasses.arrow} {
+  & .${constants_1.tooltipClassnames.arrow} {
     font-size: ${({ theme }) => theme.typography.caption.fontSize};
     color: ${({ theme }) => theme.palette.grey[900]};
   }
 
-  &&[data-popper-placement*='top'] .${Tooltip_1.tooltipClasses.tooltip} {
+  &&[data-popper-placement*='top'] .${constants_1.tooltipClassnames.tooltipLabel} {
     margin-bottom: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='bottom'] .${Tooltip_1.tooltipClasses.tooltip} {
+  &&[data-popper-placement*='bottom'] .${constants_1.tooltipClassnames.tooltipLabel} {
     margin-top: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='left'] .${Tooltip_1.tooltipClasses.tooltip} {
+  &&[data-popper-placement*='left'] .${constants_1.tooltipClassnames.tooltipLabel} {
     margin-right: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='right'] .${Tooltip_1.tooltipClasses.tooltip} {
+  &&[data-popper-placement*='right'] .${constants_1.tooltipClassnames.tooltipLabel} {
     margin-left: ${({ theme }) => theme.spacing(2)};
   }
 `;

package/node/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/node/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/node/components/Tooltip/useLogic/useLogic.js

@@ -4,16 +4,22 @@ exports.useLogic = void 0;
 const personalDataSecurity_1 = require("../../personalDataSecurity");
 const classNames_1 = require("../../utils/classNames");
 const useLogic = (props) => {
-    const { children, className: propClassName, ...restProps } = props;
+    const { children, className: propClassName, width, style, ...restProps } = props;
     const hidePersonalDataClassName = (0, personalDataSecurity_1.useHidePersonalData)({
         type: 'container',
     });
     const className = (0, classNames_1.classNames)(propClassName, {
         [hidePersonalDataClassName]: children.props.className?.includes(hidePersonalDataClassName),
     });
+    const tooltipStyle = {
+        '--tooltip-width': width,
+        ...style,
+    };
     return {
         children,
         className,
+        tooltipStyle,
+        width,
         ...restProps,
     };
 };

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

@@ -341,6 +341,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
         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("@emotion/styled/dist/declarations/src/types")
         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/node/components/fileUploading/FileInfo/styles.d.ts

@@ -295,6 +295,7 @@ export declare const StyledFilename: import("@emotion/styled/dist/declarations/s
         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("@emotion/styled/dist/declarations/s
         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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.62.1-rc.1",
+  "version": "4.62.1",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {