@astral/ui 4.68.1 → 4.70.0

package/{components → node/components/DashboardLayout}/DashboardSidebar/useLogic/useLogic.d.ts

@@ -12,13 +12,13 @@ export declare const useLogic: (props: DashboardSidebarProps) => {
         items: [key: string, value: {
             icon: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
             text: import("react").ReactNode;
-            counter?: import("../../NavMenu/Item").CounterProps | undefined;
+            counter?: import("../../../NavMenu/Item").CounterProps | undefined;
             active?: boolean | undefined;
             items?: [key: string, value: {
                 text: import("react").ReactNode;
                 active: boolean;
                 component: import("react").ElementType;
-                counter?: import("../../NavMenu/Item").CounterProps | undefined;
+                counter?: import("../../../NavMenu/Item").CounterProps | undefined;
             }][] | undefined;
             component?: import("react").ElementType | undefined;
         } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & {

package/node/components/{DashboardSidebar → DashboardLayout/DashboardSidebar}/useLogic/useLogic.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const DashboardContext_1 = require("../../DashboardContext");
-const Header_1 = require("../../DashboardLayout/Header");
-const Main_1 = require("../../DashboardLayout/Main");
-const DashboardSidebarProvider_1 = require("../../DashboardSidebarProvider");
-const useTheme_1 = require("../../theme/hooks/useTheme");
-const useViewportType_1 = require("../../useViewportType");
-const classNames_1 = require("../../utils/classNames");
+const DashboardContext_1 = require("../../../DashboardContext");
+const DashboardSidebarProvider_1 = require("../../../DashboardSidebarProvider");
+const useTheme_1 = require("../../../theme/hooks/useTheme");
+const useViewportType_1 = require("../../../useViewportType");
+const classNames_1 = require("../../../utils/classNames");
+const Header_1 = require("../../Header");
+const Main_1 = require("../../Main");
 const constants_1 = require("../constants");
 const hooks_1 = require("./hooks");
 const useLogic = (props) => {

package/node/components/DashboardLayout/Header/styles.d.ts

@@ -29,12 +29,13 @@ export declare const ProfileWrapper: import("@emotion/styled/dist/declarations/s
 } & {
     $isShow: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ExitButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/Button").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const ExitButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material/Button").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/node/components/DashboardLayout/Header/styles.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileNotificationListWrapper = exports.PriorityFeatureWrapper = exports.HeaderContent = exports.ExitButton = exports.ProfileWrapper = exports.ProductSwitcherWrapper = exports.HeaderContentSection = exports.HeaderSection = exports.MobileSidebarTogglerWrapper = exports.HeaderRoot = void 0;
 const Button_1 = require("@mui/material/Button");
 const DashboardLayoutNotificationList_1 = require("../../DashboardLayoutNotificationList");
-const constants_1 = require("../../DashboardSidebar/constants");
 const IconButton_1 = require("../../IconButton");
-const constants_2 = require("../../MenuOrganization/constants");
-const constants_3 = require("../../MenuOrganization/OrganizationButton/constants");
-const constants_4 = require("../../Profile/constants");
+const constants_1 = require("../../MenuOrganization/constants");
+const constants_2 = require("../../MenuOrganization/OrganizationButton/constants");
+const constants_3 = require("../../Profile/constants");
 const styled_1 = require("../../styled");
-const constants_5 = require("../constants");
+const constants_4 = require("../constants");
+const constants_5 = require("../DashboardSidebar/constants");
 const constants_6 = require("./constants");
 exports.HeaderRoot = (0, styled_1.styled)('header', {
     shouldForwardProp: (prop) => !['$isFocusedMode'].includes(prop),
@@ -23,8 +23,8 @@ exports.HeaderRoot = (0, styled_1.styled)('header', {
   justify-content: space-between;
 
   width: 100%;
-  height: ${constants_5.HEADER_HEIGHT_DESKTOP};
-  margin-top: ${({ $isFocusedMode }) => $isFocusedMode ? `-${constants_5.HEADER_HEIGHT_DESKTOP}` : 0};
+  height: ${constants_4.HEADER_HEIGHT_DESKTOP};
+  margin-top: ${({ $isFocusedMode }) => $isFocusedMode ? `-${constants_4.HEADER_HEIGHT_DESKTOP}` : 0};
   margin-bottom: ${({ theme }) => theme.spacing(4)};
 
   transition: ${({ theme }) => {
@@ -34,14 +34,14 @@ exports.HeaderRoot = (0, styled_1.styled)('header', {
 }};
 
   ${({ theme }) => theme.breakpoints.down('laptop')} {
-    height: ${constants_5.HEADER_HEIGHT_LAPTOP};
+    height: ${constants_4.HEADER_HEIGHT_LAPTOP};
   }
 
   ${({ theme }) => theme.breakpoints.down('sm')} {
     grid-row: 2;
     justify-content: flex-start;
 
-    height: ${constants_5.HEADER_HEIGHT_MOBILE};
+    height: ${constants_4.HEADER_HEIGHT_MOBILE};
     margin-bottom: 0;
     padding: ${({ theme }) => theme.spacing(0, 2, 0, 1)};
 
@@ -62,7 +62,7 @@ exports.MobileSidebarTogglerWrapper = styled_1.styled.div `
   
   /* Причина игнора: Не критично для отображения */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  .${constants_5.dashboardLayoutClassnames.root}:not(:has(.${constants_1.dashboardSidebarClassnames.root}))
+  .${constants_4.dashboardLayoutClassnames.root}:not(:has(.${constants_5.dashboardSidebarClassnames.root}))
     & {
     display: none;
   }
@@ -84,10 +84,10 @@ exports.HeaderContentSection = (0, styled_1.styled)(exports.HeaderSection) `
     gap: ${({ theme }) => theme.spacing(2)};
 
     &.${constants_6.dashboardLayoutHeaderClassnames.priorityFeatureMenuOrg} {
-      & .${constants_2.menuOrganizationClassnames.organizationData} {
+      & .${constants_1.menuOrganizationClassnames.organizationData} {
         display: none;
       }
-      & .${constants_2.menuOrganizationClassnames.button} {
+      & .${constants_1.menuOrganizationClassnames.button} {
         border-radius: ${({ theme }) => theme.shape.medium};
       }
     }
@@ -133,7 +133,7 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
     &.${constants_6.dashboardLayoutHeaderClassnames.featureInSidebar} {
       position: absolute;
       z-index: ${({ theme }) => theme.zIndex.appBar - 1};
-      top: calc(var(--alert-height, 0px) + ${constants_5.HEADER_HEIGHT_MOBILE});
+      top: calc(var(--alert-height, 0px) + ${constants_4.HEADER_HEIGHT_MOBILE});
       left: 0;
       
       /* Необходимо для анимации компонента вместе с sidebar */
@@ -157,8 +157,8 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
         transform: translateX(0);
       }
 
-      & .${constants_2.menuOrganizationClassnames.button}, & .${constants_4.profileClassnames.button} {
-        height: ${constants_3.MOBILE_BUTTON_HEIGHT};
+      & .${constants_1.menuOrganizationClassnames.button}, & .${constants_3.profileClassnames.button} {
+        height: ${constants_2.MOBILE_BUTTON_HEIGHT};
         padding: ${({ theme }) => theme.spacing(3, 4)};
 
         border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
@@ -175,12 +175,12 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
       &.${constants_6.dashboardLayoutHeaderClassnames.hasNotificationList} {
         gap: ${({ theme }) => theme.spacing(4)};
 
-        height: ${constants_3.MOBILE_BUTTON_HEIGHT};
+        height: ${constants_2.MOBILE_BUTTON_HEIGHT};
         padding: ${({ theme }) => theme.spacing(2, 3)};
 
         border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
 
-        & .${constants_2.menuOrganizationClassnames.button}, & .${constants_4.profileClassnames.button} {
+        & .${constants_1.menuOrganizationClassnames.button}, & .${constants_3.profileClassnames.button} {
           flex-grow: 1;
 
           height: unset;
@@ -197,18 +197,18 @@ exports.PriorityFeatureWrapper = styled_1.styled.div `
         }
 
 
-        & .${constants_4.profileClassnames.button} {
+        & .${constants_3.profileClassnames.button} {
           width: 100%;
           max-width: unset;
 
           border-radius: 0;
         }
 
-        & .${constants_4.profileClassnames.avatar} {
+        & .${constants_3.profileClassnames.avatar} {
           display: none;
         }
 
-        & .${constants_4.profileClassnames.user} {
+        & .${constants_3.profileClassnames.user} {
           display: flex;
           align-items: center;
           justify-content: space-between;

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

@@ -1,5 +1,6 @@
 export { DashboardLayout } from './DashboardLayout';
 export type { DashboardLayoutProps } from './types';
+export type { DashboardSidebarProps } from './DashboardSidebar';
 export { dashboardLayoutHeaderClassnames } from './Header';
 export { dashboardLayoutMainClassnames } from './Main';
 export { dashboardLayoutClassnames } from './constants';

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

@@ -1,3 +1,3 @@
-export type { DashboardSidebarProps } from '../DashboardSidebar';
 export { DashboardLayout } from './DashboardLayout';
+export type { DashboardSidebarProps } from './DashboardSidebar';
 export type { DashboardLayoutProps } from './types';

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

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

package/node/components/DashboardSidebarSkeleton/DashboardSidebarSkeleton.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DashboardSidebarSkeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const constants_1 = require("../DashboardSidebar/constants");
+const constants_1 = require("../DashboardLayout/DashboardSidebar/constants");
 const Skeleton_1 = require("../Skeleton");
 const classNames_1 = require("../utils/classNames");
 const styles_1 = require("./styles");

package/node/components/DataGrid/DataGrid.js

@@ -67,7 +67,6 @@ const DataGrid = (props) => {
     }, [noDataPlaceholder, noDataOptions, isLoading]);
     const commonBodyProps = {
         ...bodyProps,
-        activeRowId,
         keyId,
         selectedRows,
         minDisplayRows,
@@ -85,7 +84,7 @@ const DataGrid = (props) => {
     };
     const renderTableContent = () => {
         if (!hasPinnedColumns || isMobile) {
-            return ((0, jsx_runtime_1.jsxs)(Wrapper, { ...(0, getInertProps_1.getInertProps)(isDataGridDisabled), className: constants_1.dataGridClassnames.wrapper, children: [headPreAddon, !isHideHead && ((0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, columns: headColumns, gridColumns: gridColumns })), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { ...contentStateProps, loadingContent: isMobile && (0, jsx_runtime_1.jsx)(MobileSkeleton_1.MobileSkeleton, { ...mobileSkeletonProps }), children: (0, jsx_runtime_1.jsx)(Body_1.Body, { ...commonBodyProps, columns: columns, gridColumns: gridColumns, className: bodyCva({
+            return ((0, jsx_runtime_1.jsxs)(Wrapper, { ...(0, getInertProps_1.getInertProps)(isDataGridDisabled), className: constants_1.dataGridClassnames.wrapper, children: [headPreAddon, !isHideHead && ((0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, columns: headColumns, gridColumns: gridColumns })), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { ...contentStateProps, loadingContent: isMobile && (0, jsx_runtime_1.jsx)(MobileSkeleton_1.MobileSkeleton, { ...mobileSkeletonProps }), children: (0, jsx_runtime_1.jsx)(Body_1.Body, { ...commonBodyProps, activeRowId: activeRowId, columns: columns, gridColumns: gridColumns, className: bodyCva({
                                 isNoData,
                             }) }) })] }));
         }

package/node/components/DataGrid/Row/NestedChildren/styles.d.ts

@@ -14,12 +14,13 @@ export declare const MoreButtonRow: import("@emotion/styled/dist/declarations/sr
     $isShowConnector: boolean;
     $gridColumns: string;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const MoreButton: 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"> & {
+export declare const MoreButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/node/components/DataGrid/Row/Row.js

@@ -29,6 +29,9 @@ const rowContentCva = (0, cva_1.cva)(constants_1.dataGridRowContentClassnames.ro
         isHovered: {
             true: constants_1.dataGridRowContentClassnames.hovered,
         },
+        isActive: {
+            true: constants_1.dataGridRowContentClassnames.active,
+        },
     },
 });
 const groupedColumnLabelCva = (0, cva_1.cva)(constants_1.dataGridGroupedColumnLabelClassnames.root, {
@@ -39,7 +42,7 @@ const groupedColumnLabelCva = (0, cva_1.cva)(constants_1.dataGridGroupedColumnLa
     },
 });
 const RowComponent = (props) => {
-    const { isOpen, isShowConnector, childrenColumns, rowId, handleToggle, checkboxProps, rowProps, isHovered, tooltipProps, nestedChildrenProps, disabled, isRenderCollapseButton, rowRef, rowStyles, drawerProps, disabledReasonText, } = (0, useLogic_1.useLogic)(props);
+    const { isOpen, isShowConnector, childrenColumns, rowId, handleToggle, checkboxProps, rowProps, isHovered, tooltipProps, nestedChildrenProps, disabled, isRenderCollapseButton, rowRef, rowStyles, drawerProps, disabledReasonText, isActive, } = (0, useLogic_1.useLogic)(props);
     const { className, row, options, variant, isSelectable, gridColumns, isInitialExpanded, expandedLevel, level, nestedChildren, initialVisibleChildrenCount, moreButtonColumnPosition, isVisibleCollapseButton, columns, emptyCellValue, selectedRows, activeRowId, keyId, onSelectRow, onRowClick, sectionOffset, totalColumnsCount, registerRowElement, unregisterRowElement, onRowEnter, onRowLeave, style, 
     // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
     // Необходимы для DataGridInfinite
@@ -102,7 +105,7 @@ const RowComponent = (props) => {
         onRowEnter,
         onRowLeave,
     ]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(className, rootCva({ isShowConnector })), style: rowStyles, ...selfProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { followCursor: true, arrow: false, ...tooltipProps, children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { "data-row-id": rowId, ref: rowRef, onPointerEnter: () => onRowEnter?.(rowId), onPointerLeave: (event) => onRowLeave?.(rowId, event.nativeEvent), className: rowContentCva({ isHovered }), "$gridColumns": gridColumns, [constants_1.DISABLE_ROW_ATTR]: disabled, ...rowProps, children: renderCells() }) }), (0, jsx_runtime_1.jsx)(NestedChildren_1.NestedChildren, { ...nestedChildrenProps, data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, 
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(className, rootCva({ isShowConnector })), style: rowStyles, ...selfProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { followCursor: true, arrow: false, ...tooltipProps, children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { "data-row-id": rowId, ref: rowRef, onPointerEnter: () => onRowEnter?.(rowId), onPointerLeave: (event) => onRowLeave?.(rowId, event.nativeEvent), className: rowContentCva({ isHovered, isActive }), "$gridColumns": gridColumns, [constants_1.DISABLE_ROW_ATTR]: disabled, ...rowProps, children: renderCells() }) }), (0, jsx_runtime_1.jsx)(NestedChildren_1.NestedChildren, { ...nestedChildrenProps, data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, 
                 // biome-ignore lint/suspicious/noTsIgnore: <>
                 // @ts-ignore
                 renderRow: renderRow }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { ...drawerProps, children: (0, jsx_runtime_1.jsx)(styles_1.BottomDrawerContent, { children: disabledReasonText }) })] }));

package/node/components/DataGrid/Row/constants.d.ts

@@ -11,6 +11,7 @@ export declare const dataGridRowClassnames: {
 export declare const dataGridRowContentClassnames: {
     root: string;
     hovered: string;
+    active: string;
 };
 export declare const dataGridRowCellClassnames: {
     single: string;

package/node/components/DataGrid/Row/constants.js

@@ -15,6 +15,7 @@ exports.dataGridRowClassnames = {
 exports.dataGridRowContentClassnames = {
     root: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__row-content'),
     hovered: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__row-content_hovered'),
+    active: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__row-content_active'),
 };
 exports.dataGridRowCellClassnames = {
     single: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__row-cell_single'),

package/node/components/DataGrid/Row/styles.d.ts

@@ -20,12 +20,13 @@ export declare const CollapseCell: import("@emotion/styled/dist/declarations/src
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseButton: 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"> & {
+export declare const CollapseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DataGrid/Row/styles.js

@@ -77,35 +77,47 @@ exports.ContentWrapper = styled_1.styled.div `
     }
   }
 
+  &.${constants_2.dataGridRowContentClassnames.active} {
+    background-color: ${({ theme }) => theme.palette.primary[100]};
+  }
+
   &:hover {
     background-color: ${({ theme }) => theme.palette.background.elementHover};
-    &.${constants_2.dataGridRowContentClassnames.hovered} {
-      cursor: pointer;
-    }
 
-    ${({ theme }) => theme.breakpoints.down('sm')} {
-      cursor: initial;
+    &.${constants_2.dataGridRowContentClassnames.active} {
+      background-color: ${({ theme }) => theme.palette.primary[100]};
+    }
 
-      background-color: transparent;
+    &.${constants_2.dataGridRowContentClassnames.hovered} {
+      cursor: pointer;
     }
   }
 
 
   &.${constants_2.dataGridRowClassnames.hover} {
     background-color: ${({ theme }) => theme.palette.background.elementHover};
+
     &.${constants_2.dataGridRowContentClassnames.hovered} {
       cursor: pointer;
     }
+  }
 
-    ${({ theme }) => theme.breakpoints.down('sm')} {
-      cursor: initial;
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    grid-template-columns: 1fr;
 
+    &.${constants_2.dataGridRowContentClassnames.active} {
       background-color: transparent;
     }
-  }
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    grid-template-columns: 1fr;
+    &:hover, &.${constants_2.dataGridRowClassnames.hover} {
+      cursor: initial;
+
+      background-color: transparent;
+
+      &.${constants_2.dataGridRowContentClassnames.active} {
+        background-color: transparent;
+      }
+    }
   }
 `;
 exports.CellStyled = (0, styled_1.styled)(Cell_1.Cell) `

package/node/components/DataGrid/Row/useLogic/useLogic.d.ts

@@ -2,7 +2,7 @@ import { type MouseEvent, type SyntheticEvent } from 'react';
 import type { CellValue } from '../../types';
 import type { RowProps } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue>> = RowProps<TData>;
-export declare const useLogic: <TData extends Record<string, unknown>>({ keyId, columns, row, nestedChildren, level, variant, options, isInitialExpanded, expandedLevel, isSelectable, selectedRows, onSelectRow, onRowClick, isVisibleCollapseButton, registerRowElement, unregisterRowElement, style, }: UseLogicParams<TData>) => {
+export declare const useLogic: <TData extends Record<string, unknown>>({ keyId, columns, row, nestedChildren, level, variant, options, isInitialExpanded, expandedLevel, isSelectable, selectedRows, onSelectRow, onRowClick, isVisibleCollapseButton, registerRowElement, unregisterRowElement, style, activeRowId, }: UseLogicParams<TData>) => {
     disabledReasonText: string | undefined;
     rowStyles: {
         accentColor?: import("csstype").Property.AccentColor | undefined;
@@ -873,6 +873,7 @@ export declare const useLogic: <TData extends Record<string, unknown>>({ keyId,
     isRenderCollapseButton: boolean;
     handleToggle: (event: MouseEvent<HTMLButtonElement>) => void;
     isHovered: boolean;
+    isActive: boolean;
     rowProps: {
         onClick: () => void;
         onMouseMove: (event: MouseEvent<HTMLElement>) => void;

package/node/components/DataGrid/Row/useLogic/useLogic.js

@@ -9,7 +9,7 @@ const constants_1 = require("../constants");
 const RowContext_1 = require("../RowContext");
 const hooks_1 = require("./hooks");
 const utils_1 = require("./utils");
-const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options, isInitialExpanded = false, expandedLevel, isSelectable, selectedRows, onSelectRow, onRowClick, isVisibleCollapseButton, registerRowElement, unregisterRowElement, style, }) => {
+const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options, isInitialExpanded = false, expandedLevel, isSelectable, selectedRows, onSelectRow, onRowClick, isVisibleCollapseButton, registerRowElement, unregisterRowElement, style, activeRowId, }) => {
     const { isDrawerOpen, handleOpenDrawer, handleCloseDrawer } = (0, hooks_1.useMobileLogic)();
     const isDefaultExpanded = isInitialExpanded && level <= expandedLevel - 1 && nestedChildren?.length;
     const { checkIsOpened, toggleOpenItems } = (0, react_1.useContext)(DataGridContext_1.DataGridContext);
@@ -78,6 +78,7 @@ const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options
         ...style,
     }), [level, style]);
     const isHovered = Boolean(!disabled && (onRowClick || href));
+    const isActive = activeRowId === rowId;
     const disabledReasonText = externalDisabledReason || disabledReason;
     return {
         disabledReasonText,
@@ -91,6 +92,7 @@ const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options
         isRenderCollapseButton,
         handleToggle,
         isHovered,
+        isActive,
         rowProps: {
             onClick: handleRowClick,
             onMouseMove: handleMouseMove,

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

@@ -27,9 +27,6 @@ export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow,
     columns: DataGridColumns<TData>[];
     /**
      * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
-     *
-     * @deprecated Не поддерживается, параметр будет удален в следующей major версии пакета.
-     * Мотивация: Использование активного элемента не является типичным сценарием использования таблицы.
      */
     activeRowId?: string;
     /**

package/node/components/DataGridActionCell/DataGridMainActions/Action/MainIconButton/styles.d.ts

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

package/node/components/DataGridActionCell/DataGridMainActions/Action/MobileMainButton/styles.d.ts

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

package/node/components/DataGridActionCell/SecondaryActionsButton/styles.d.ts

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

package/node/components/DataGridInfinite/DataGridInfinite.js

@@ -39,7 +39,7 @@ const dataGridInfiniteCva = (0, cva_1.cva)(constants_1.dataGridClassnames.root,
 const DataGridInfinite = (props) => {
     const { imagesMap, emptySymbol } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { isNoData, isDataGridDisabled, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, isHideHead, containerCssVars, isMobile, mobileSkeletonProps, flattenColumns, hasGroupedColumns, gridViewMode, } = (0, useLogic_1.useLogic)(props);
-    const { columns, rows = [], selectedRows = [], sorting, isLoading, isDisabled, keyId, emptyCellValue = emptySymbol, variant = enums_1.Variant.Tree, subrows, className, isError, endOfScrollMsg, errorMsg, noDataPlaceholder, onRowClick, onSort, onRetry, headPreAddon, } = props;
+    const { columns, rows = [], selectedRows = [], sorting, isLoading, isDisabled, keyId, emptyCellValue = emptySymbol, variant = enums_1.Variant.Tree, subrows, className, isError, endOfScrollMsg, errorMsg, noDataPlaceholder, onRowClick, onSort, onRetry, headPreAddon, activeRowId, } = props;
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = constants_1.EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = constants_1.INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const TableContainer = isDisabled ? styles_2.DisabledDataGridWrapper : styles_2.DataGridWrapper;
@@ -54,7 +54,7 @@ const DataGridInfinite = (props) => {
                                     List: List_1.List,
                                     Item: ({ children, item, ...itemProps }) => {
                                         const { children: nestedChildren, options, ...row } = item;
-                                        return ((0, jsx_runtime_1.jsx)(Row_1.RowContextProvider, { children: (0, jsx_runtime_1.jsx)(Row_1.Row, { ...rowProps, ...itemProps, row: row, columns: flattenColumns, selectedRows: selectedRows, options: options, keyId: keyId, variant: variant, level: INITIAL_LEVEL, nestedChildren: nestedChildren, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, emptyCellValue: emptyCellValue, onRowClick: onRowClick }) }));
+                                        return ((0, jsx_runtime_1.jsx)(Row_1.RowContextProvider, { children: (0, jsx_runtime_1.jsx)(Row_1.Row, { ...rowProps, ...itemProps, row: row, columns: flattenColumns, selectedRows: selectedRows, options: options, keyId: keyId, variant: variant, level: INITIAL_LEVEL, nestedChildren: nestedChildren, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, activeRowId: activeRowId, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, emptyCellValue: emptyCellValue, onRowClick: onRowClick }) }));
                                     },
                                     EmptyPlaceholder: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: noDataPlaceholder || (0, jsx_runtime_1.jsx)(NoData_1.NoData, {}) }),
                                     Footer: () => {

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

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

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

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

package/node/components/IconButton/IconButton.d.ts

@@ -1,10 +1,11 @@
 import { type ElementType } from 'react';
 import { type ButtonProps } from '../Button';
 export type IconButtonProps<TComponent extends ElementType = ElementType> = ButtonProps<TComponent>;
-export declare const IconButton: <TComponent extends ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const IconButton: <TComponent extends ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: TComponent | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

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

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

package/node/components/LegacyNotification/NotificationTemplate/styles.d.ts

@@ -36,12 +36,13 @@ export declare const Header: import("@emotion/styled/dist/declarations/src/types
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const CloseButton: 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"> & {
+export declare const CloseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

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