@astral/ui 4.18.3 → 4.18.4

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const ProductItem: <TComponent extends import("react").ElementType>(props: import("../..").WithoutEmotionSpecific<Omit<import("@mui/material").MenuItemProps, "component">> & {
+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;
@@ -15,7 +15,7 @@ export declare const TitleErrorContainer: import("@emotion/styled/dist/declarati
 } & import("../../Grid/styles").StyledGridProps, {}, {}>;
 export declare const ProductName: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
+    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
@@ -23,7 +23,7 @@ export declare const ProductName: import("@emotion/styled/dist/declarations/src/
     color?: import("../../Typography").TypographyColor | undefined;
     variant?: import("../../Typography").TypographyVariant | undefined;
     colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
+    component?: ("symbol" | "object" | "main" | "body" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "caption" | "button" | "link" | "slot" | "style" | "title" | import("react").ComponentType<any> | "search" | "big" | "sub" | "sup" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view") | undefined;
     isUpperCase?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/ProductSwitcher/Content/styles.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductName = exports.TitleErrorContainer = exports.Logo = exports.ProductItem = void 0;
-const material_1 = require("@mui/material");
+const MenuItem_1 = require("@mui/material/MenuItem");
 const Grid_1 = require("../../Grid");
-const MenuItem_1 = require("../../MenuItem");
+const MenuItem_2 = require("../../MenuItem");
 const styled_1 = require("../../styled");
 const Typography_1 = require("../../Typography");
 // as typeof MenuItem необходим для возможности прокинуть component
 // https://github.com/mui/material-ui/issues/15695
-exports.ProductItem = (0, styled_1.styled)(MenuItem_1.MenuItem) `
-  &.${material_1.menuItemClasses.gutters} {
+exports.ProductItem = (0, styled_1.styled)(MenuItem_2.MenuItem) `
+  &.${MenuItem_1.menuItemClasses.gutters} {
     min-height: 56px;
     padding: ${({ theme }) => theme.spacing(2, 3)};
   }

package/node/components/ProductSwitcher/ProductSwitcher.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductSwitcher = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../icons");
+const ProductsFillMd_1 = require("../../icons/ProductsFillMd");
 const IconButton_1 = require("../IconButton");
 const Content_1 = require("./Content");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const ProductSwitcher = (props) => {
     const { anchorRef, openMenu, closeMenu, isLoading, isError, products, open } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ref: anchorRef, variant: "text", selected: open, onClick: openMenu, children: (0, jsx_runtime_1.jsx)(icons_1.ProductsFillMd, {}) }), (0, jsx_runtime_1.jsx)(styles_1.StyledMenu, { open: open, anchorEl: anchorRef.current, onClose: closeMenu, children: (0, jsx_runtime_1.jsx)(Content_1.Content, { isLoading: isLoading, isError: isError, products: products }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ref: anchorRef, variant: "text", selected: open, onClick: openMenu, children: (0, jsx_runtime_1.jsx)(ProductsFillMd_1.ProductsFillMd, {}) }), (0, jsx_runtime_1.jsx)(styles_1.StyledMenu, { open: open, anchorEl: anchorRef.current, onClose: closeMenu, children: (0, jsx_runtime_1.jsx)(Content_1.Content, { isLoading: isLoading, isError: isError, products: products }) })] }));
 };
 exports.ProductSwitcher = ProductSwitcher;

package/node/components/ProductSwitcher/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledMenu = void 0;
-const material_1 = require("@mui/material");
+const List_1 = require("@mui/material/List");
 const Menu_1 = require("../Menu");
 const styled_1 = require("../styled");
 exports.StyledMenu = (0, styled_1.styled)(Menu_1.Menu) `
@@ -15,7 +15,7 @@ exports.StyledMenu = (0, styled_1.styled)(Menu_1.Menu) `
     max-width: 320px;
     min-height: 100px;
 
-    &.${material_1.listClasses.padding} {
+    &.${List_1.listClasses.padding} {
       padding: ${({ theme }) => theme.spacing(3, 0)};
     }
   }

package/node/components/ProductSwitcher/useLogic/useLogic.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const hooks_1 = require("../../hooks");
+const useMenu_1 = require("../../hooks/useMenu");
 const useLogic = ({ getProducts, filter }) => {
     const [products, setProducts] = (0, react_1.useState)([]);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [isError, setIsError] = (0, react_1.useState)(false);
     const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)();
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)();
     const filterProductList = (productList) => {
         const { hostname } = new URL(window.origin);
         return productList.filter((product) => new URL(product.url).hostname !== hostname);

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

@@ -1,4 +1,4 @@
-import { type MenuProps as MuiMenuProps } from '@mui/material';
+import type { MenuProps as MuiMenuProps } from '@mui/material/Menu';
 import { type WithoutEmotionSpecific } from '../../types';
 import { type ProfileMenuItemData } from '../types';
 type MenuListProps = WithoutEmotionSpecific<MuiMenuProps> & {

package/node/components/Profile/MenuList/MenuList.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../../icons");
+const QuitOutlineMd_1 = require("../../../icons/QuitOutlineMd");
 const BottomDrawer_1 = require("../../BottomDrawer");
 const CopyTypography_1 = require("../../CopyTypography");
 const Divider_1 = require("../../Divider");
-const hooks_1 = require("../../hooks");
+const useViewportType_1 = require("../../hooks/useViewportType");
 const ListItemIcon_1 = require("../../ListItemIcon");
 const ListItemText_1 = require("../../ListItemText");
 const MenuItem_1 = require("../../MenuItem");
@@ -17,7 +17,7 @@ const styles_1 = require("./styles");
  */
 const MenuList = (props) => {
     const { open, onClose, menuList, exitButton, displayName, annotation, ...restProps } = props;
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const renderMenuList = () => {
         const items = [];
         items.push((0, jsx_runtime_1.jsxs)(styles_1.DisplayNameMenuItem, { children: [(0, jsx_runtime_1.jsx)(CopyTypography_1.CopyTypography, { noWrap: true, isShowCopyText: true, copyText: displayName, showCopyIcon: "onHover", isOverflow: true, children: displayName }), annotation && ((0, jsx_runtime_1.jsx)(CopyTypography_1.CopyTypography, { variant: "caption", color: "grey", colorIntensity: "700", noWrap: true, isShowCopyText: true, showCopyIcon: "onHover", copyText: annotation, isOverflow: true, children: annotation }))] }, "displayName"));
@@ -30,7 +30,7 @@ const MenuList = (props) => {
         if (exitButton && menuList) {
             items.push((0, jsx_runtime_1.jsx)(Divider_1.Divider, {}, "divider"));
         }
-        items.push((0, jsx_runtime_1.jsxs)(styles_1.ExitMenuItem, { "$exitButton": Boolean(exitButton), onClick: exitButton?.onClick, children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(icons_1.QuitOutlineMd, {}) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { children: (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { noWrap: true, children: "\u0412\u044B\u0439\u0442\u0438" }) })] }, "exit"));
+        items.push((0, jsx_runtime_1.jsxs)(styles_1.ExitMenuItem, { "$exitButton": Boolean(exitButton), onClick: exitButton?.onClick, children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(QuitOutlineMd_1.QuitOutlineMd, {}) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { children: (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { noWrap: true, children: "\u0412\u044B\u0439\u0442\u0438" }) })] }, "exit"));
         return items;
     };
     if (isMobile) {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledMenu: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material").MenuProps> & {
+export declare const StyledMenu: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../..").WithoutEmotionSpecific<import("@mui/material/Menu").MenuProps> & {
     title?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -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/MenuList/styles.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDivider = exports.StyledMenuList = exports.DisplayNameMenuItem = exports.ExitMenuItem = exports.StyledMenu = void 0;
-const material_1 = require("@mui/material");
+const Menu_1 = require("@mui/material/Menu");
 const Divider_1 = require("../../Divider");
-const Menu_1 = require("../../Menu");
+const Menu_2 = require("../../Menu");
 const MenuItem_1 = require("../../MenuItem");
 const MenuList_1 = require("../../MenuList");
 const styled_1 = require("../../styled");
-exports.StyledMenu = (0, styled_1.styled)(Menu_1.Menu) `
-  & .${material_1.menuClasses.paper} {
+exports.StyledMenu = (0, styled_1.styled)(Menu_2.Menu) `
+  & .${Menu_1.menuClasses.paper} {
     min-width: 200px;
     max-width: 300px;
   }

package/node/components/Profile/Profile.js

@@ -1,10 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Profile = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const ClickAwayListener_1 = __importDefault(require("@mui/material/ClickAwayListener"));
 const react_1 = require("react");
-const hooks_1 = require("../hooks");
+const useMenu_1 = require("../hooks/useMenu");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const Typography_1 = require("../Typography");
 const constants_1 = require("./constants");
@@ -13,7 +16,7 @@ const ProfileSkeleton_1 = require("./ProfileSkeleton");
 const styles_1 = require("./styles");
 const Profile = (props) => {
     const { displayName, annotation, avatar = {}, menu: Menu, menuList, exitButton, isHidePersonalData, isLoading, } = props;
-    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)();
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, useMenu_1.useMenu)();
     (0, react_1.useEffect)(() => {
         if (!Menu && !menuList && !exitButton) {
             // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
@@ -26,7 +29,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.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsxs)(styles_1.ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledAvatar, { ...avatar }), (0, jsx_runtime_1.jsxs)(styles_1.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.jsx)(ClickAwayListener_1.default, { onClickAway: handleCloseMenu, children: (0, jsx_runtime_1.jsxs)(styles_1.ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledAvatar, { ...avatar }), (0, jsx_runtime_1.jsxs)(styles_1.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: {
                     vertical: 'bottom',
                     horizontal: 'right',
                 }, transformOrigin: {

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { type AvatarProps } from '../Avatar';
-export declare const ProfileRoot: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const ProfileRoot: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/node/components/Profile/types.d.ts

@@ -1,4 +1,5 @@
-import type { AvatarProps, MenuProps } from '@mui/material';
+import type { AvatarProps } from '@mui/material/Avatar';
+import type { MenuProps } from '@mui/material/Menu';
 import type { PropsWithChildren, ReactElement, ReactNode } from 'react';
 import type { SyncFunctionComponent, WithoutEmotionSpecific } from '../types';
 export type ProfileMenuItemData = {

package/node/components/ProgressBar/ProgressBar.js

@@ -1,10 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProgressBar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
 const ProgressBar = ({ className, value }) => {
     const clampedValue = Math.max(0, Math.min(value, 100));
-    return ((0, jsx_runtime_1.jsx)(material_1.LinearProgress, { className: className, variant: "determinate", value: clampedValue }));
+    return ((0, jsx_runtime_1.jsx)(LinearProgress_1.default, { className: className, variant: "determinate", value: clampedValue }));
 };
 exports.ProgressBar = ProgressBar;

package/node/components/Radio/Radio.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Radio = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const hooks_1 = require("../hooks");
+const useCheckControlled_1 = require("../hooks/useCheckControlled");
 const constants_1 = require("./constants");
 const Icon_1 = require("./Icon");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.Radio = (0, react_1.forwardRef)((props, ref) => {
-    (0, hooks_1.useCheckControlled)('Radio', props);
+    (0, useCheckControlled_1.useCheckControlled)('Radio', props);
     const { onChange, isChecked, isError, disabled, restProps, className, name, style, inputRef, value, id, } = (0, useLogic_1.useLogic)(props);
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, className: className, style: style, ref: ref, ...restProps, children: [(0, jsx_runtime_1.jsx)(styles_1.Input, { type: "radio", name: name, checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": isChecked, "aria-disabled": disabled, ref: inputRef, value: value, id: id }), (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.radioClassnames.iconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: constants_1.radioClassnames.icon }) })] }));
 });

package/node/components/Radio/useLogic/useLogic.d.ts

@@ -18,7 +18,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
@@ -26,7 +26,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
@@ -61,7 +61,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -71,7 +71,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -81,7 +81,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -98,7 +98,7 @@ export declare const useLogic: ({ checked, disabled, isError, onChange: propsOnC
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;

package/node/components/Radio/useLogic/useLogic.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useUpdateEffect_1 = require("../../hooks/useUpdateEffect");
 const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
 const useLogic = ({ checked = false, disabled = false, isError = false, onChange: propsOnChange, className: propClassNames, name, style, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = (0, react_1.useState)(checked);
-    (0, hooks_1.useUpdateEffect)(() => {
+    (0, useUpdateEffect_1.useUpdateEffect)(() => {
         setIsChecked(checked);
     }, [checked]);
     const onChange = (event) => {

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

@@ -1,4 +1,4 @@
 import { type FormControlLabelProps } from '../FormControlLabel';
-export declare const StyledFormControlLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material").FormControlLabelProps & {
+export declare const StyledFormControlLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("@mui/material/FormControlLabel").FormControlLabelProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & FormControlLabelProps, {}, {}>;

package/node/components/RadioField/styles.js

@@ -1,15 +1,19 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledFormControlLabel = void 0;
-const material_1 = require("@mui/material");
+const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+const Typography_1 = require("@mui/material/Typography");
 const styled_1 = require("../styled/styled");
-exports.StyledFormControlLabel = (0, styled_1.styled)(material_1.FormControlLabel) `
+exports.StyledFormControlLabel = (0, styled_1.styled)(FormControlLabel_1.default) `
   align-items: flex-start;
 
   margin-right: ${({ theme }) => theme.spacing(6)};
   margin-left: 0;
 
-  .${material_1.typographyClasses.root} {
+  .${Typography_1.typographyClasses.root} {
     margin-left: 0;
     padding-top: calc(${({ theme }) => theme.spacing(1)} + 2px);
 

package/node/components/RedesignBanner/useLogic/useLogic.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useViewportType_1 = require("../../hooks/useViewportType");
 const constants_1 = require("../constants");
 const useLogic = () => {
-    const { isMobile } = (0, hooks_1.useViewportType)();
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
     const isSkipShow = (0, react_1.useMemo)(() => {
         if (isMobile) {
             // Не показываем баннер нa mobile разрешениях

package/node/components/ScrollToTopButton/ScrollToTopButton.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScrollToTopButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../icons");
+const ChevronUpOutlineMd_1 = require("../../icons/ChevronUpOutlineMd");
 const styles_1 = require("./styles");
 /**
  * Универсальная кнопка прокрутки содержимого наверх, не содержит логику
  */
 const ScrollToTopButton = ({ onClick, className, }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledFab, { color: "default", onClick: onClick, size: "small", className: className, children: (0, jsx_runtime_1.jsx)(icons_1.ChevronUpOutlineMd, {}) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledFab, { color: "default", onClick: onClick, size: "small", className: className, children: (0, jsx_runtime_1.jsx)(ChevronUpOutlineMd_1.ChevronUpOutlineMd, {}) }));
 };
 exports.ScrollToTopButton = ScrollToTopButton;

package/node/components/SearchField/SearchField.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../icons");
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
 const TextField_1 = require("../TextField");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.SearchField = (0, react_1.forwardRef)((props, ref) => {
     const { onChange, onClearValue, restProps, isLoading, inputRef, value, disabled, isClearButtonDisabled, onBlur, fullWidth, inputComponent, placeholder, hideHelperText, } = (0, useLogic_1.useLogic)(props);
     const RenderComponent = inputComponent || TextField_1.TextField;
-    return ((0, jsx_runtime_1.jsx)(styles_1.TextFieldRoot, { "$isFullWidth": fullWidth, children: (0, jsx_runtime_1.jsx)(RenderComponent, { type: "search", placeholder: placeholder, startAdornment: (0, jsx_runtime_1.jsx)(styles_1.SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: (0, jsx_runtime_1.jsx)(styles_1.EndAdornmentWrapper, { children: isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}) })) : ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth, ...restProps }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TextFieldRoot, { "$isFullWidth": fullWidth, children: (0, jsx_runtime_1.jsx)(RenderComponent, { type: "search", placeholder: placeholder, startAdornment: (0, jsx_runtime_1.jsx)(styles_1.SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: (0, jsx_runtime_1.jsx)(styles_1.EndAdornmentWrapper, { children: isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}) })) : ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth, ...restProps }) }));
 });

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

@@ -7,10 +7,10 @@ export declare const SearchIcon: import("@emotion/styled/dist/declarations/src/t
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/node/components/SearchField/styles.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledLoader = exports.EndAdornmentWrapper = exports.LoaderWrapper = exports.TextFieldRoot = exports.StyledIconButton = exports.SearchIcon = void 0;
-const icons_1 = require("../../icons");
+const SearchOutlineMd_1 = require("../../icons/SearchOutlineMd");
 const IconButton_1 = require("../IconButton");
 const Loader_1 = require("../Loader");
 const styled_1 = require("../styled");
-exports.SearchIcon = (0, styled_1.styled)(icons_1.SearchOutlineMd) `
+exports.SearchIcon = (0, styled_1.styled)(SearchOutlineMd_1.SearchOutlineMd) `
   /* Задается чтобы клик по startAdornment приводил к клику в инпут */
   pointer-events: none;
 

package/node/components/SearchField/useLogic/useLogic.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
+const useFirstMountState_1 = require("../../hooks/useFirstMountState");
+const useForwardedRef_1 = require("../../hooks/useForwardedRef");
 const useLogic = ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent, hideHelperText = true, ...restProps }) => {
-    const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
+    const inputRef = (0, useForwardedRef_1.useForwardedRef)(externalInputRef);
     const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue || value || '');
-    const isFirstRender = (0, hooks_1.useFirstMountState)();
+    const isFirstRender = (0, useFirstMountState_1.useFirstMountState)();
     (0, react_1.useEffect)(() => {
         if (!isFirstRender && value !== internalValue.trim()) {
             setInternalValue(value ? value : '');

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

@@ -1,4 +1,4 @@
-import { type SelectProps as MuiSelectProps } from '@mui/material';
+import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
 import { type ReactNode } from 'react';
 import { type WithoutEmotionSpecific } from '../types';
 export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, 'variant' | 'color' | 'onOpen'>> & {

package/node/components/Select/Select.js

@@ -1,10 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
 const react_1 = require("react");
-const icons_1 = require("../../icons");
+const CrossOutlineMd_1 = require("../../icons/CrossOutlineMd");
+const DownOutlineMd_1 = require("../../icons/DownOutlineMd");
+const UpOutlineMd_1 = require("../../icons/UpOutlineMd");
 const Checkbox_1 = require("../Checkbox");
 const FormHelperText_1 = require("../FormHelperText");
 const forwardRefWithGeneric_1 = require("../forwardRefWithGeneric");
@@ -15,7 +22,7 @@ const TagsList_1 = require("../TagsList");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const ClearButton = (0, react_1.forwardRef)(({ onClick, disabled }, ref) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { disabled: disabled, ref: ref, onClick: onClick, variant: "text", title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })));
+const ClearButton = (0, react_1.forwardRef)(({ onClick, disabled }, ref) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { disabled: disabled, ref: ref, onClick: onClick, variant: "text", title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) })));
 const SelectInner = ({ required, getOptionLabel, placeholder, helperText, hideHelperText = false, loading, success, children, disabled, error, label, fullWidth, onChange: externalOnChange, isShowClearButton, isEnableAllSelection = false, valueOptions, value, onSelectAll, onUnselectAll, ...props }, ref) => {
     const { isOpened, isShowingClearButton, isNoData, onClearAll, openSelect, closeSelect, resetButtonRef, isShowingSelectAll, handleChangeOption, isSelectedAll, isIndeterminate, handleChangeArrayValue, selectAllClassName, findMenuItemsLabel, isShowingPlaceholder, } = (0, useLogic_1.useLogic)({
         ...props,
@@ -46,6 +53,6 @@ const SelectInner = ({ required, getOptionLabel, placeholder, helperText, hideHe
         }
         return findMenuItemsLabel(children, selectedOptions);
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { error: error, fullWidth: fullWidth, children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsxs)(styles_1.StyledSelect, { ...props, value: value === null ? '' : value, open: isOpened, disabled: disabled, onOpen: openSelect, onClose: closeSelect, renderValue: renderValue, IconComponent: () => null, displayEmpty: true, ref: ref, fullWidth: fullWidth, onChange: handleChangeOption, "$isShowingPlaceholder": isShowingPlaceholder, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [loading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }), !loading && isShowingClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), !loading && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) : (0, jsx_runtime_1.jsx)(icons_1.UpOutlineMd, {}) }))] }), children: [(0, jsx_runtime_1.jsx)(styles_1.Placeholder, { value: "", children: placeholder }), !loading && isShowingSelectAll && ((0, jsx_runtime_1.jsxs)(MenuItem_1.MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: constants_1.SELECT_ALL_VALUE, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && (0, jsx_runtime_1.jsx)(styles_1.StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
+    return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: error, fullWidth: fullWidth, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsxs)(styles_1.StyledSelect, { ...props, value: value === null ? '' : value, open: isOpened, disabled: disabled, onOpen: openSelect, onClose: closeSelect, renderValue: renderValue, IconComponent: () => null, displayEmpty: true, ref: ref, fullWidth: fullWidth, onChange: handleChangeOption, "$isShowingPlaceholder": isShowingPlaceholder, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [loading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }), !loading && isShowingClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), !loading && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}) : (0, jsx_runtime_1.jsx)(UpOutlineMd_1.UpOutlineMd, {}) }))] }), children: [(0, jsx_runtime_1.jsx)(styles_1.Placeholder, { value: "", children: placeholder }), !loading && isShowingSelectAll && ((0, jsx_runtime_1.jsxs)(MenuItem_1.MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: constants_1.SELECT_ALL_VALUE, children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && (0, jsx_runtime_1.jsx)(styles_1.StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
 };
 exports.Select = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(SelectInner);

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

@@ -10,13 +10,13 @@ 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> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledSelect: import("@emotion/styled/dist/declarations/src/types").StyledComponent<(import("@mui/material").SelectProps<unknown> & {
+export declare const StyledSelect: import("@emotion/styled/dist/declarations/src/types").StyledComponent<(import("@mui/material/Select").SelectProps<unknown> & {
     theme?: import("@emotion/react").Theme | undefined;
 }) & {
     $isShowingPlaceholder: boolean;

package/node/components/Select/styles.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledSelect = exports.Placeholder = exports.EndAdornmentWrapper = exports.StateWrapper = void 0;
-const material_1 = require("@mui/material");
+const Select_1 = __importDefault(require("@mui/material/Select"));
 const Loader_1 = require("../Loader");
 const MenuItem_1 = require("../MenuItem");
 const styled_1 = require("../styled");
@@ -26,7 +29,7 @@ exports.EndAdornmentWrapper = styled_1.styled.div `
 exports.Placeholder = (0, styled_1.styled)(MenuItem_1.MenuItem) `
   display: none;
 `;
-exports.StyledSelect = (0, styled_1.styled)(material_1.Select, {
+exports.StyledSelect = (0, styled_1.styled)(Select_1.default, {
     shouldForwardProp: (prop) => !['$isShowingPlaceholder'].includes(prop),
 }) `
   padding-right: ${({ theme }) => theme.spacing(2)};