@astral/ui 4.76.3 → 4.77.1

package/components/utils/redirectToLink/redirectToLink.d.ts

@@ -1,4 +1,4 @@
-export type Target = '_blank' | '_self' | '_parent' | '_top';
+import { type HTMLAttributeAnchorTarget } from 'react';
 /**
  * Программно выполняет переход по ссылке, эмулируя клик по элементу <a>.
  * Можно указать цель перехода (target), например, открыть в новой вкладке.
@@ -10,4 +10,4 @@ export type Target = '_blank' | '_self' | '_parent' | '_top';
  *   - `_parent` — в родительском фрейме,
  *   - `_top` — в верхнем уровне окна.
  */
-export declare const redirectToLink: (href: string, target?: Target) => void;
+export declare const redirectToLink: (href: string, target?: HTMLAttributeAnchorTarget) => void;

package/hook-form/FormPageLayoutBase/styles.js

@@ -25,12 +25,16 @@ export const StyledPageContent = styled(PageContent) `
 
   border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
 
-  .${pageContentClassnames.content} {
-    ${({ theme }) => theme.breakpoints.up('sm')} {
+  ${({ theme }) => theme.breakpoints.up('sm')} {
+    .${pageContentClassnames.content} {
       overflow: unset;
 
       height: auto;
       padding: 0;
+
+      &.${pageContentClassnames.contentHasHeader}, &.${pageContentClassnames.hasAside} {
+        padding: 0;
+      }
     }
   }
 

package/node/components/Avatar/styles.js

@@ -1,10 +1,30 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledAvatar = void 0;
-const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
+const Avatar_1 = __importStar(require("@mui/material/Avatar"));
 const styled_1 = require("../styled/styled");
 const getFont = (size) => {
     if (size === 'sm') {
@@ -20,4 +40,8 @@ exports.StyledAvatar = (0, styled_1.styled)(Avatar_1.default, {
 }) `
   font-size: ${({ theme, $size }) => theme.typography[getFont($size)].fontSize};
   font-weight: ${({ theme, $size }) => theme.typography[getFont($size)].fontWeight};
+
+  & .${Avatar_1.avatarClasses.img} {
+    background-color: ${({ theme }) => theme.palette.grey[200]};
+  }
 `;

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

@@ -1,42 +1,2 @@
-import { type ReactNode } from 'react';
-import type { CellValue, DataGridSingleColumn } from '../types';
-export type CellProps<TData extends Record<string, CellValue>> = {
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Данные строки для отображения
-     */
-    row: TData;
-    cell: DataGridSingleColumn<TData>;
-    /**
-     * Дополнительное содержимое ячейки, которое будет распложено справа
-     */
-    startAdornment?: ReactNode;
-    /**
-     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
-     */
-    emptyCellValue?: ReactNode;
-    /**
-     * Если true, ячейка будет недоступна для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Скрытие персональных данных от инструментов мониторинга
-     */
-    isHidePersonalData?: boolean;
-    /**
-     * Скрытие ячейки на мобильных устройствах
-     */
-    isHideOnMobile?: boolean;
-    /**
-     * Флаг наличия вложенных элементов в строке
-     */
-    hasNestedChildren?: boolean;
-    /**
-     * Ссылка на корневой элемент строки
-     */
-    rootRowElement?: HTMLLIElement | null;
-};
+import type { CellProps } from './types';
 export declare const Cell: <TData extends Record<string, unknown>>(props: CellProps<TData>) => import("react/jsx-runtime").JSX.Element | null;

package/node/components/DataGrid/Cell/Cell.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Cell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_dom_1 = require("react-dom");
-const OverflowTypography_1 = require("../../OverflowTypography");
 const personalDataSecurity_1 = require("../../personalDataSecurity");
 const useViewportType_1 = require("../../useViewportType");
 const classNames_1 = require("../../utils/classNames");
 const cva_1 = require("../../utils/cva");
 const getInertProps_1 = require("../../utils/getInertProps");
+const CellInner_1 = require("./CellInner");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
@@ -33,40 +33,21 @@ const cellCva = (0, cva_1.cva)(constants_1.dataGridCellClassnames.root, {
         },
     },
 });
-const cellContentCva = (0, cva_1.cva)(constants_1.dataGridCellClassnames.cellContent, {
-    variants: {
-        isActionColumn: {
-            true: constants_1.dataGridCellClassnames.actionColumn,
-        },
-        isTabularNums: {
-            true: constants_1.dataGridCellClassnames.tabularNums,
-        },
-    },
-});
-const columnLabelCva = (0, cva_1.cva)(constants_1.dataGridCellClassnames.columnLabel, {
-    variants: {
-        hidden: {
-            true: constants_1.dataGridCellClassnames.columnLabelHidden,
-        },
-    },
-});
 const Cell = (props) => {
-    const { formattedValue, hasStartAdornment, isActionColumn, label, hideTitleOnMobile, isTabularNums, } = (0, useLogic_1.useLogic)(props);
-    const { className, startAdornment, row, cell, isDisabled, isHidePersonalData, isHideOnMobile, hasNestedChildren, rootRowElement, } = props;
+    const { formattedValue, hasStartAdornment, isActionColumn, label, hideTitleOnMobile, isTabularNums, onCellClick, } = (0, useLogic_1.useLogic)(props);
+    const { className, startAdornment, row, cell, isDisabled, isHidePersonalData, isHideOnMobile, hasNestedChildren, rootRowElement, href, target, } = props;
     const { renderCell, align = 'left' } = cell;
     const { isMobile } = (0, useViewportType_1.useViewportType)();
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData === true,
     });
-    const cellNode = ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(className, hidePersonalDataClassname, cellCva({
+    const cellNode = ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(className, hidePersonalDataClassname, cellCva({
             isHideOnMobile: cell.isHideOnMobile || isHideOnMobile,
             isDisabled,
             withStartAdornment: hasStartAdornment,
             align,
             isActionColumn,
-        })), ...(0, getInertProps_1.getInertProps)(isDisabled), children: [startAdornment && startAdornment, (0, jsx_runtime_1.jsxs)(styles_1.CellContent, { className: cellContentCva({ isActionColumn, isTabularNums }), children: [(0, jsx_runtime_1.jsx)(styles_1.ColumnLabel, { variant: "caption", color: "textSecondary", className: columnLabelCva({
-                            hidden: hideTitleOnMobile || isActionColumn,
-                        }), children: label }), renderCell?.(row), !renderCell && ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { rowsCount: 2, tooltipProps: { className: hidePersonalDataClassname }, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: formattedValue }) }))] })] }));
+        })), ...(0, getInertProps_1.getInertProps)(isDisabled), onClick: onCellClick, children: (0, jsx_runtime_1.jsx)(CellInner_1.CellInner, { row: row, label: label, hideTitleOnMobile: hideTitleOnMobile, isActionColumn: isActionColumn, isTabularNums: isTabularNums, startAdornment: startAdornment, renderCell: renderCell, formattedValue: formattedValue, hidePersonalDataClassname: hidePersonalDataClassname, href: href, target: target }) }));
     if (isActionColumn && isMobile && hasNestedChildren) {
         if (!rootRowElement) {
             return null;

package/node/components/DataGrid/Cell/CellInner/CellInner.d.ts

@@ -0,0 +1,2 @@
+import { type CellInnerProps } from './types';
+export declare const CellInner: ({ row, label, hideTitleOnMobile, isActionColumn, isTabularNums, startAdornment, renderCell, formattedValue, hidePersonalDataClassname, href, target, }: CellInnerProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/DataGrid/Cell/CellInner/CellInner.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellInner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const OverflowTypography_1 = require("../../../OverflowTypography");
+const cva_1 = require("../../../utils/cva");
+const constants_1 = require("../constants");
+const styles_1 = require("./styles");
+const cellContentCva = (0, cva_1.cva)(constants_1.dataGridCellClassnames.cellContent, {
+    variants: {
+        isActionColumn: {
+            true: constants_1.dataGridCellClassnames.actionColumn,
+        },
+        isTabularNums: {
+            true: constants_1.dataGridCellClassnames.tabularNums,
+        },
+    },
+});
+const columnLabelCva = (0, cva_1.cva)(constants_1.dataGridCellClassnames.columnLabel, {
+    variants: {
+        hidden: {
+            true: constants_1.dataGridCellClassnames.columnLabelHidden,
+        },
+    },
+});
+const CellInner = ({ row, label, hideTitleOnMobile, isActionColumn, isTabularNums, startAdornment, renderCell, formattedValue, hidePersonalDataClassname, href, target, }) => {
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [startAdornment, (0, jsx_runtime_1.jsxs)(styles_1.CellContent, { className: cellContentCva({ isActionColumn, isTabularNums }), children: [(0, jsx_runtime_1.jsx)(styles_1.ColumnLabel, { variant: "caption", color: "textSecondary", className: columnLabelCva({
+                            hidden: hideTitleOnMobile || isActionColumn,
+                        }), children: label }), renderCell?.(row), !renderCell && ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { rowsCount: 2, tooltipProps: { className: hidePersonalDataClassname }, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: formattedValue }) }))] })] }));
+    if (href && !isActionColumn) {
+        return ((0, jsx_runtime_1.jsx)(styles_1.Anchor, { href: href, target: target, rel: "noopener noreferrer", children: content }));
+    }
+    return content;
+};
+exports.CellInner = CellInner;

package/node/components/DataGrid/Cell/CellInner/index.d.ts

@@ -0,0 +1,2 @@
+export { CellInner } from './CellInner';
+export type { CellInnerProps } from './types';

package/node/components/DataGrid/Cell/CellInner/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellInner = void 0;
+var CellInner_1 = require("./CellInner");
+Object.defineProperty(exports, "CellInner", { enumerable: true, get: function () { return CellInner_1.CellInner; } });

package/node/components/DataGrid/Cell/CellInner/styles.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const ColumnLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../../Typography/types").TypographyPropsBase & {
+    color?: import("../../../Typography").TypographyColor | undefined;
+    variant?: import("../../../Typography").TypographyVariant | undefined;
+    colorIntensity?: import("../../../Typography").Intensity | undefined;
+    component?: import("../../../Typography/types").ComponentProp | undefined;
+    isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
+} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const CellContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    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 Anchor: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

package/node/components/DataGrid/Cell/CellInner/styles.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Anchor = exports.CellContent = exports.ColumnLabel = void 0;
+const styled_1 = require("../../../styled");
+const Typography_1 = require("../../../Typography");
+const constants_1 = require("../constants");
+exports.ColumnLabel = (0, styled_1.styled)(Typography_1.Typography) `
+  display: none;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: block;
+
+    &.${constants_1.dataGridCellClassnames.columnLabelHidden} {
+      display: none;
+    }
+  }
+`;
+exports.CellContent = styled_1.styled.div `
+  min-width: 0;
+
+  &.${constants_1.dataGridCellClassnames.tabularNums} {
+    font-feature-settings: "tnum" 1;
+  }
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: flex;
+    flex-direction: column;
+    gap: ${({ theme }) => theme.spacing(1)};
+    align-items: flex-start;
+
+    width: 100%;
+    
+    &.${constants_1.dataGridCellClassnames.actionColumn} {
+      align-items: flex-end;
+    }
+  }
+`;
+exports.Anchor = styled_1.styled.a `
+  display: flex;
+  align-items: inherit;
+  justify-content: inherit;
+
+  width: 100%;
+  height: 100%;
+
+  color: inherit;
+  text-decoration: none;
+
+  &:focus-visible {
+    outline: none;
+  }
+`;

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

@@ -0,0 +1,48 @@
+import { type HTMLAttributeAnchorTarget, type ReactNode } from 'react';
+import { type RenderCell } from '../../types';
+export type CellInnerProps = {
+    /**
+     * Данные строки для отображения
+     */
+    row: Record<string, unknown>;
+    /**
+     * Название колонки
+     */
+    label?: string;
+    /**
+     * Скрытие заголовка колонки на мобильных устройствах
+     */
+    hideTitleOnMobile?: boolean;
+    /**
+     * Флаг колонки с действиями
+     */
+    isActionColumn?: boolean;
+    /**
+     * Моноширинный шрифт для чисел
+     */
+    isTabularNums?: boolean;
+    /**
+     * Дополнительное содержимое ячейки слева
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Кастомное отображение ячейки
+     */
+    renderCell?: RenderCell<Record<string, unknown>>;
+    /**
+     * Отформатированное значение ячейки
+     */
+    formattedValue?: unknown;
+    /**
+     * Класс для скрытия персональных данных
+     */
+    hidePersonalDataClassname?: string;
+    /**
+     * URL ссылки. Если задан, содержимое оборачивается в ссылку
+     */
+    href?: string;
+    /**
+     * Целевая область для ссылки
+     */
+    target?: HTMLAttributeAnchorTarget;
+};

package/node/components/DataGrid/Cell/CellInner/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -12,4 +12,5 @@ export declare const dataGridCellClassnames: {
     alignRight: string;
     grouped: string;
     tabularNums: string;
+    anchorCell: string;
 };

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

@@ -16,4 +16,5 @@ exports.dataGridCellClassnames = {
     alignRight: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__cell_align-right'),
     grouped: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__cell_grouped'),
     tabularNums: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__cell_tabular-nums'),
+    anchorCell: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__cell_anchor-cell'),
 };

package/node/components/DataGrid/Cell/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Cell';
 export { dataGridCellClassnames } from './constants';
+export type { CellProps } from './types';

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

@@ -3,18 +3,3 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     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 ColumnLabel: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("../../Typography/types").TypographyPropsBase & {
-    color?: import("../../Typography").TypographyColor | undefined;
-    variant?: import("../../Typography").TypographyVariant | undefined;
-    colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: import("../../Typography/types").ComponentProp | undefined;
-    isUpperCase?: boolean | undefined;
-    withoutCalt?: boolean | undefined;
-    isTabularNums?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const CellContent: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    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>, {}>;

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

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CellContent = exports.ColumnLabel = exports.Wrapper = void 0;
+exports.Wrapper = void 0;
 const styled_1 = require("../../styled");
-const Typography_1 = require("../../Typography");
 const constants_1 = require("../constants");
 const constants_2 = require("../Row/constants");
 const constants_3 = require("./constants");
@@ -72,34 +71,3 @@ exports.Wrapper = styled_1.styled.div `
     }
   }
 `;
-exports.ColumnLabel = (0, styled_1.styled)(Typography_1.Typography) `
-  display: none;
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: block;
-
-    &.${constants_3.dataGridCellClassnames.columnLabelHidden} {
-      display: none;
-    }
-  }
-`;
-exports.CellContent = styled_1.styled.div `
-  min-width: 0;
-
-  &.${constants_3.dataGridCellClassnames.tabularNums} {
-    font-feature-settings: "tnum" 1;
-  }
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: flex;
-    flex-direction: column;
-    gap: ${({ theme }) => theme.spacing(1)};
-    align-items: flex-start;
-
-    width: 100%;
-    
-    &.${constants_3.dataGridCellClassnames.actionColumn} {
-      align-items: flex-end;
-    }
-  }
-`;

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

@@ -0,0 +1,49 @@
+import { type HTMLAttributeAnchorTarget, type ReactNode } from 'react';
+import { type CellValue, type DataGridSingleColumn } from '../types';
+export type CellProps<TData extends Record<string, CellValue>> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Данные строки для отображения
+     */
+    row: TData;
+    cell: DataGridSingleColumn<TData>;
+    /**
+     * Дополнительное содержимое ячейки, которое будет распложено справа
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
+     */
+    emptyCellValue?: ReactNode;
+    /**
+     * Если true, ячейка будет недоступна для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Скрытие персональных данных от инструментов мониторинга
+     */
+    isHidePersonalData?: boolean;
+    /**
+     * Скрытие ячейки на мобильных устройствах
+     */
+    isHideOnMobile?: boolean;
+    /**
+     * Флаг наличия вложенных элементов в строке
+     */
+    hasNestedChildren?: boolean;
+    /**
+     * Ссылка на корневой элемент строки
+     */
+    rootRowElement?: HTMLLIElement | null;
+    /**
+     * URL ссылки
+     */
+    href?: string;
+    /**
+     * Целевая область для ссылки
+     */
+    target?: HTMLAttributeAnchorTarget;
+};

package/node/components/DataGrid/Cell/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,12 +1,13 @@
 import type { CellValue } from '../../types';
-import type { CellProps } from '../Cell';
+import type { CellProps } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue>> = CellProps<TData>;
-export declare const useLogic: <TData extends Record<string, unknown>>({ row, cell, emptyCellValue, startAdornment, }: UseLogicParams<TData>) => {
+export declare const useLogic: <TData extends Record<string, unknown>>({ row, href, target, cell, emptyCellValue, startAdornment, }: UseLogicParams<TData>) => {
     formattedValue: unknown;
     hasStartAdornment: boolean;
     isActionColumn: boolean;
     label: string | undefined;
     hideTitleOnMobile: boolean | undefined;
     isTabularNums: boolean | undefined;
+    onCellClick: () => void;
 };
 export {};

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

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
+const redirectToLink_1 = require("../../../utils/redirectToLink");
 const DataGridContext_1 = require("../../DataGridContext");
-const useLogic = ({ row, cell, emptyCellValue, startAdornment, }) => {
+const useLogic = ({ row, href, target, cell, emptyCellValue, startAdornment, }) => {
     const { isTabularNums: contextIsTabularNums } = (0, react_1.useContext)(DataGridContext_1.DataGridContext);
     const { format, field, label, hideTitleOnMobile, isTabularNums: cellIsTabularNums, } = cell;
     const isTabularNums = cellIsTabularNums ?? contextIsTabularNums;
@@ -21,6 +22,11 @@ const useLogic = ({ row, cell, emptyCellValue, startAdornment, }) => {
     }, [field, format, row, emptyCellValue]);
     const hasStartAdornment = Boolean(startAdornment);
     const isActionColumn = cell.field === 'actions';
+    const onCellClick = () => {
+        if (isActionColumn && href) {
+            return (0, redirectToLink_1.redirectToLink)(href, target);
+        }
+    };
     return {
         formattedValue,
         hasStartAdornment,
@@ -28,6 +34,7 @@ const useLogic = ({ row, cell, emptyCellValue, startAdornment, }) => {
         label,
         hideTitleOnMobile,
         isTabularNums,
+        onCellClick,
     };
 };
 exports.useLogic = useLogic;

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

@@ -65,7 +65,7 @@ const RowInner = (props) => {
     // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
     // Необходимы для DataGridInfinite
     ...selfProps } = props;
-    const { isDisabledLastCell = true, isNotSelectable } = options || {};
+    const { isDisabledLastCell = true, isNotSelectable, href, target, } = options || {};
     const renderStartAdornment = () => {
         if (!isRenderCollapseButton && (!isSelectable || isNotSelectable)) {
             return null;
@@ -89,10 +89,10 @@ const RowInner = (props) => {
                             }), children: label }), children.map((child, childIndex) => {
                             const childCellId = `${cellId}-${childIndex}`;
                             const shouldRenderStartAdornment = isFirstCell && childIndex === 0;
-                            return ((0, jsx_runtime_1.jsx)(styles_1.CellStyled, { row: row, cell: child, isHideOnMobile: isHideOnMobile, emptyCellValue: emptyCellValue, isDisabled: isDisabledCell, startAdornment: shouldRenderStartAdornment && renderStartAdornment(), isHidePersonalData: child.isHidePersonalData, hasNestedChildren: Boolean(nestedChildren?.length), className: (0, classNames_1.classNames)(Cell_1.dataGridCellClassnames.grouped), rootRowElement: rootRowElement }, childCellId));
+                            return ((0, jsx_runtime_1.jsx)(styles_1.CellStyled, { row: row, cell: child, isHideOnMobile: isHideOnMobile, emptyCellValue: emptyCellValue, isDisabled: isDisabledCell, startAdornment: shouldRenderStartAdornment && renderStartAdornment(), isHidePersonalData: child.isHidePersonalData, hasNestedChildren: Boolean(nestedChildren?.length), className: (0, classNames_1.classNames)(Cell_1.dataGridCellClassnames.grouped), rootRowElement: rootRowElement, href: href, target: target }, childCellId));
                         })] }, cellId));
             }
-            return ((0, jsx_runtime_1.jsx)(styles_1.CellStyled, { className: singleCellCva({ isFirstCell }), row: row, cell: cell, emptyCellValue: emptyCellValue, startAdornment: isFirstCell && renderStartAdornment(), isDisabled: isDisabledCell, isHidePersonalData: cell.isHidePersonalData, hasNestedChildren: Boolean(nestedChildren?.length), rootRowElement: rootRowElement }, cellId));
+            return ((0, jsx_runtime_1.jsx)(styles_1.CellStyled, { className: singleCellCva({ isFirstCell }), row: row, cell: cell, emptyCellValue: emptyCellValue, startAdornment: isFirstCell && renderStartAdornment(), isDisabled: isDisabledCell, isHidePersonalData: cell.isHidePersonalData, hasNestedChildren: Boolean(nestedChildren?.length), rootRowElement: rootRowElement, href: href, target: target }, cellId));
         });
     }, [
         row,

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

@@ -879,7 +879,7 @@ export declare const useLogic: <TData extends Record<string, unknown>>({ keyId,
     isActive: boolean;
     mobileDisplayVariant: "list" | "cards" | undefined;
     rowProps: {
-        onClick: () => void;
+        onClick: () => undefined;
         onMouseMove: (event: MouseEvent<HTMLElement>) => void;
     };
     drawerProps: {

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const redirectToLink_1 = require("../../../utils/redirectToLink");
 const DataGridContext_1 = require("../../DataGridContext");
 const enums_1 = require("../../enums");
 const constants_1 = require("../constants");
@@ -34,16 +33,13 @@ const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options
     };
     const [isVisibleTooltip, setVisibleTooltip] = (0, react_1.useState)(false);
     const rowId = row[keyId];
-    const { isDisabled: isExternalDisabled, disabledReason: externalDisabledReason, href, target, } = options || {};
+    const { isDisabled: isExternalDisabled, disabledReason: externalDisabledReason, href, } = options || {};
     const disabled = isDisabled || isExternalDisabled;
     const handleRowClick = () => {
         if (disabled) {
             handleOpenDrawer();
             return undefined;
         }
-        if (href) {
-            return (0, redirectToLink_1.redirectToLink)(href, target);
-        }
         onRowClick?.(row);
     };
     const isShowConnector = Object.is(variant, enums_1.Variant.Tree);

package/node/components/DataGrid/RowBase/GroupCell/GroupCell.d.ts

@@ -1,2 +1,2 @@
 import { type GroupCellProps } from './types';
-export declare const GroupCell: ({ cell, cellId, isFirstCell, row, emptyCellValue, isDisabled, startAdornment, }: GroupCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupCell: ({ cell, cellId, isFirstCell, row, emptyCellValue, isDisabled, startAdornment, href, target, }: GroupCellProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/DataGrid/RowBase/GroupCell/GroupCell.js

@@ -13,14 +13,14 @@ const groupedColumnLabelCva = (0, class_variance_authority_1.cva)(constants_1.da
         },
     },
 });
-const GroupCell = ({ cell, cellId, isFirstCell, row, emptyCellValue, isDisabled, startAdornment, }) => {
+const GroupCell = ({ cell, cellId, isFirstCell, row, emptyCellValue, isDisabled, startAdornment, href, target, }) => {
     const { label, children, hideTitleOnMobile, isHideOnMobile } = cell;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.GroupedColumnLabel, { variant: "caption", color: "grey", colorIntensity: "700", className: groupedColumnLabelCva({
                     hidden: hideTitleOnMobile || isHideOnMobile,
                 }), children: label }), children.map((child, childIndex) => {
                 const childCellId = `${cellId}-${childIndex}`;
                 const shouldRenderStartAdornment = isFirstCell && childIndex === 0;
-                return ((0, jsx_runtime_1.jsx)(Cell_1.Cell, { row: row, cell: child, isHideOnMobile: isHideOnMobile, emptyCellValue: emptyCellValue, isDisabled: isDisabled, startAdornment: shouldRenderStartAdornment && startAdornment, isHidePersonalData: child.isHidePersonalData, className: Cell_1.dataGridCellClassnames.grouped }, childCellId));
+                return ((0, jsx_runtime_1.jsx)(Cell_1.Cell, { row: row, cell: child, isHideOnMobile: isHideOnMobile, emptyCellValue: emptyCellValue, isDisabled: isDisabled, startAdornment: shouldRenderStartAdornment && startAdornment, isHidePersonalData: child.isHidePersonalData, className: Cell_1.dataGridCellClassnames.grouped, href: href, target: target }, childCellId));
             })] }));
 };
 exports.GroupCell = GroupCell;

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type HTMLAttributeAnchorTarget, type ReactNode } from 'react';
 import { type DataGridGroupColumn, type DataGridRowWithOptions } from '../../types';
 export type GroupCellProps = {
     cell: DataGridGroupColumn<Record<string, unknown>>;
@@ -8,4 +8,6 @@ export type GroupCellProps = {
     emptyCellValue?: ReactNode;
     isDisabled?: boolean;
     startAdornment?: ReactNode;
+    href?: string;
+    target?: HTMLAttributeAnchorTarget;
 };