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

package/components/fileUploading/PreviewFileUploader/PreviewFileUploader.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { type UsePreviewFileUploaderParams } from '../hooks/usePreviewFileUploader';
 export type PreviewFileUploaderProps = UsePreviewFileUploaderParams;
-export declare const PreviewFileUploader: import("react").ForwardRefExoticComponent<Pick<import("..").FileUploaderProps, "className" | "label" | "name" | "placeholder" | "isDisabled" | "isError" | "inputRef" | "helperText" | "maxFileSize" | "onUploadFile" | "getErrorMessage" | "restrictions" | "notify" | "onDeleteFile" | "onView" | "generateDownloadLink"> & {
-    value: import("..").UploadFile | null | undefined;
+export declare const PreviewFileUploader: import("react").ForwardRefExoticComponent<Pick<import("../types").FileUploaderProps, "className" | "label" | "name" | "placeholder" | "isDisabled" | "isError" | "inputRef" | "helperText" | "maxFileSize" | "onUploadFile" | "getErrorMessage" | "restrictions" | "notify" | "onDeleteFile" | "onView" | "generateDownloadLink"> & {
+    value: import("../types").UploadFile | null | undefined;
     accept?: string[] | undefined;
     placeholderImgSrc?: string | undefined;
     isHidePersonalData?: boolean | undefined;
     PdfViewer?: import("react").LazyExoticComponent<(props: import("../../PdfViewer").PdfViewerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>> | ((props: import("../../PdfViewer").PdfViewerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | undefined;
-    onChange: (value: import("..").UploadFile | null) => void;
+    onChange: (value: import("../types").UploadFile | null) => void;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -3,7 +3,7 @@ import MuiAutocomplete from '@mui/material/Autocomplete';
 export declare const StyledMenuItem: 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" | "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/node/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/node/components/Description/Value/styles.d.ts

@@ -321,7 +321,6 @@ 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;
@@ -359,7 +358,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" | "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/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, 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/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, tooltipWidth, }) => {
+const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, }) => {
     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, 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 }) })] }));
+    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 }) })] }));
 };
 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' | 'tooltipWidth'> & {
+export type IconProps = Pick<HintIconProps, 'variant' | 'iconOption' | 'note' | 'renderIcon'> & {
     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, 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() }) }));
+    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() }) }));
 };
 exports.Icon = Icon;

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

@@ -290,7 +290,6 @@ 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;
@@ -328,7 +327,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" | "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("@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;
@@ -690,7 +688,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" | "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("@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;
@@ -1028,7 +1025,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" | "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/node/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/node/components/Menu/Menu.js

@@ -9,11 +9,11 @@ const Menu_1 = __importDefault(require("@mui/material/Menu"));
 const BottomDrawer_1 = require("../BottomDrawer");
 const MenuList_1 = require("../MenuList");
 const useViewportType_1 = require("../useViewportType");
-const Menu = ({ children, onClose, open, title, ...restProps }) => {
+const Menu = ({ children, onClose, open, title, MenuListProps, ...restProps }) => {
     const { isMobile } = (0, useViewportType_1.useViewportType)();
     if (isMobile) {
-        return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, onClose: onClose, open: open, children: (0, jsx_runtime_1.jsx)(MenuList_1.MenuList, { children: children }) }));
+        return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, onClose: onClose, open: open, id: MenuListProps?.id, children: (0, jsx_runtime_1.jsx)(MenuList_1.MenuList, { children: children }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(Menu_1.default, { open: open, onClose: onClose, ...restProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)(Menu_1.default, { open: open, onClose: onClose, MenuListProps: MenuListProps, ...restProps, children: children }));
 };
 exports.Menu = Menu;

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" | "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/node/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -579,7 +579,6 @@ 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;
@@ -617,7 +616,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" | "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/node/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/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" | "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/node/components/Profile/MenuList/MenuList.js

@@ -11,6 +11,7 @@ const ListItemText_1 = require("../../ListItemText");
 const MenuItem_1 = require("../../MenuItem");
 const OverflowTypography_1 = require("../../OverflowTypography");
 const useViewportType_1 = require("../../useViewportType");
+const constants_1 = require("../constants");
 const styles_1 = require("./styles");
 /**
  * Компонент для рендера menu с помощью массива данных
@@ -34,8 +35,8 @@ const MenuList = (props) => {
         return items;
     };
     if (isMobile) {
-        return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: displayName, onClose: onClose, open: open, children: (0, jsx_runtime_1.jsx)(styles_1.StyledMenuList, { children: renderMenuList() }) }));
+        return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { id: constants_1.PROFILE_POPOVER_ID, title: displayName, onClose: onClose, open: open, children: (0, jsx_runtime_1.jsx)(styles_1.StyledMenuList, { children: renderMenuList() }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledMenu, { open: open, onClose: onClose, ...restProps, children: renderMenuList() }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledMenu, { MenuListProps: { id: constants_1.PROFILE_POPOVER_ID }, open: open, onClose: onClose, ...restProps, children: renderMenuList() }));
 };
 exports.MenuList = MenuList;

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" | "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/node/components/Profile/Profile.js

@@ -14,7 +14,7 @@ const Profile = (props) => {
     if (isLoading) {
         return (0, jsx_runtime_1.jsx)(ProfileSkeleton_1.ProfileSkeleton, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, className: constants_1.profileClassnames.button, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledAvatar, { ...avatar, className: constants_1.profileClassnames.avatar }), (0, jsx_runtime_1.jsxs)(styles_1.User, { className: constants_1.profileClassnames.user, children: [(0, jsx_runtime_1.jsxs)(styles_1.Credentials, { className: hidePersonalDataClassname, children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", className: constants_1.profileClassnames.credentials, children: displayName }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "textSecondary", className: constants_1.profileClassnames.credentials, children: annotation })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledChevron, { isActive: open })] })] }), Menu ? ((0, jsx_runtime_1.jsx)(Menu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, anchorOrigin: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, className: constants_1.profileClassnames.button, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledAvatar, { ...avatar, className: constants_1.profileClassnames.avatar }), (0, jsx_runtime_1.jsxs)(styles_1.User, { className: constants_1.profileClassnames.user, children: [(0, jsx_runtime_1.jsxs)(styles_1.Credentials, { className: hidePersonalDataClassname, children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", className: constants_1.profileClassnames.credentials, children: displayName }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "textSecondary", className: constants_1.profileClassnames.credentials, children: annotation })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledChevron, { isActive: open })] })] }), Menu ? ((0, jsx_runtime_1.jsx)(Menu, { MenuListProps: { id: constants_1.PROFILE_POPOVER_ID }, open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'right',
                 }, transformOrigin: {

package/node/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/node/components/Profile/constants.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.profileClassnames = void 0;
+exports.profileClassnames = exports.PROFILE_POPOVER_ID = void 0;
 const createUIKitClassname_1 = require("../utils/createUIKitClassname");
+exports.PROFILE_POPOVER_ID = '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

@@ -3,28 +3,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const personalDataSecurity_1 = require("../../personalDataSecurity");
+const ErrorService_1 = require("../../services/ErrorService");
 const useMenu_1 = require("../../useMenu");
+const constants_1 = require("../constants");
 const useLogic = ({ menuList, menu: Menu, exitButton, isHidePersonalData, }) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)();
     (0, react_1.useEffect)(() => {
         if (!open) {
             return;
         }
-        const timer = setTimeout(() => {
-            const popover = document.querySelector('[role="presentation"]');
+        const observer = new MutationObserver((_, obs) => {
+            const popover = document.getElementById(constants_1.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]);
     (0, react_1.useEffect)(() => {
+        const errorService = ErrorService_1.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 = (0, personalDataSecurity_1.useHidePersonalData)({

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" | "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/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").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/node/components/Tooltip/Tooltip.js

@@ -3,19 +3,10 @@ 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, 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 })) }));
+    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 })) }));
 });

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

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

package/node/components/Tooltip/constants.js

@@ -3,9 +3,5 @@ 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,29 +1,34 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentWrapper = exports.StyledTooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+const Tooltip_1 = __importStar(require("@mui/material/Tooltip"));
 const styled_1 = require("../styled");
-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} {
+exports.StyledTooltip = (0, styled_1.styled)(({ className, ...props }) => ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { ...props, classes: { popper: className } }))) `
+  & .${Tooltip_1.tooltipClasses.tooltip} {
     margin: 0;
 
     font-size: ${({ size, theme }) => size === 'small'
@@ -39,24 +44,24 @@ exports.StyledTooltip = (0, styled_1.styled)(({ className, style, ...props }) =>
     border-radius: ${({ theme }) => theme.shape.small};
   }
 
-  & .${constants_1.tooltipClassnames.arrow} {
+  & .${Tooltip_1.tooltipClasses.arrow} {
     font-size: ${({ theme }) => theme.typography.caption.fontSize};
     color: ${({ theme }) => theme.palette.grey[900]};
   }
 
-  &&[data-popper-placement*='top'] .${constants_1.tooltipClassnames.tooltipLabel} {
+  &&[data-popper-placement*='top'] .${Tooltip_1.tooltipClasses.tooltip} {
     margin-bottom: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='bottom'] .${constants_1.tooltipClassnames.tooltipLabel} {
+  &&[data-popper-placement*='bottom'] .${Tooltip_1.tooltipClasses.tooltip} {
     margin-top: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='left'] .${constants_1.tooltipClassnames.tooltipLabel} {
+  &&[data-popper-placement*='left'] .${Tooltip_1.tooltipClasses.tooltip} {
     margin-right: ${({ theme }) => theme.spacing(2)};
   }
 
-  &&[data-popper-placement*='right'] .${constants_1.tooltipClassnames.tooltipLabel} {
+  &&[data-popper-placement*='right'] .${Tooltip_1.tooltipClasses.tooltip} {
     margin-left: ${({ theme }) => theme.spacing(2)};
   }
 `;

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

@@ -4,22 +4,16 @@ exports.useLogic = void 0;
 const personalDataSecurity_1 = require("../../personalDataSecurity");
 const classNames_1 = require("../../utils/classNames");
 const useLogic = (props) => {
-    const { children, className: propClassName, width, style, ...restProps } = props;
+    const { children, className: propClassName, ...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,
     };
 };