@astral/ui 4.76.3 → 4.77.1

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

@@ -36,7 +36,7 @@ const rootCva = (0, cva_1.cva)(constants_2.dataGridRowBaseClassnames.root, {
     },
 });
 exports.RowBase = (0, react_1.memo)((props) => {
-    const { className, tooltipProps, rowBaseVars, isHovered, isActive, drawerProps, emptyCellValue, rowRef, onRowEnter, onRowLeave, rowId, row, isDisabled, sectionOffset, customContent, isDisabledLastCell, renderStartAdornment, checkboxProps, isNotSelectable, isSelectable, columns, dataGridInfiniteItemProps, handleRowClick, drawerContent, mobileDisplayVariant, } = (0, useLogic_1.useLogic)(props);
+    const { className, tooltipProps, rowBaseVars, isHovered, isActive, drawerProps, emptyCellValue, rowRef, onRowEnter, onRowLeave, rowId, row, isDisabled, sectionOffset, customContent, isDisabledLastCell, renderStartAdornment, checkboxProps, href, target, isNotSelectable, isSelectable, columns, dataGridInfiniteItemProps, handleRowClick, drawerContent, mobileDisplayVariant, } = (0, useLogic_1.useLogic)(props);
     const renderStartAdornmentBase = () => {
         const adornment = renderStartAdornment?.(true);
         const shouldRenderCheckbox = isSelectable && !isNotSelectable;
@@ -56,9 +56,9 @@ exports.RowBase = (0, react_1.memo)((props) => {
             const isFirstCell = globalIndex === 0;
             const isDisabledCell = (0, utils_1.checkIsDisabled)(isDisabled, availableCellsByIndex, globalIndex);
             if ((0, utils_2.isGroupColumns)(cell)) {
-                return ((0, jsx_runtime_1.jsx)(GroupCell_1.GroupCell, { cell: cell, cellId: cellId, isFirstCell: isFirstCell, row: row, emptyCellValue: emptyCellValue, isDisabled: isDisabledCell, startAdornment: isFirstCell && renderStartAdornmentBase() }, cellId));
+                return ((0, jsx_runtime_1.jsx)(GroupCell_1.GroupCell, { cell: cell, cellId: cellId, isFirstCell: isFirstCell, row: row, emptyCellValue: emptyCellValue, isDisabled: isDisabledCell, startAdornment: isFirstCell && renderStartAdornmentBase(), href: href, target: target }, cellId));
             }
-            return ((0, jsx_runtime_1.jsx)(Cell_1.Cell, { row: row, cell: cell, emptyCellValue: emptyCellValue, startAdornment: isFirstCell && renderStartAdornmentBase(), isDisabled: isDisabledCell, isHidePersonalData: cell.isHidePersonalData }, cellId));
+            return ((0, jsx_runtime_1.jsx)(Cell_1.Cell, { row: row, cell: cell, emptyCellValue: emptyCellValue, startAdornment: isFirstCell && renderStartAdornmentBase(), isDisabled: isDisabledCell, isHidePersonalData: cell.isHidePersonalData, href: href, target: target }, cellId));
         });
     }, [
         row,

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

@@ -28,6 +28,8 @@ export declare const useLogic: ({ className, row, keyId, onRowClick, columns, se
     columns: import("../..").DataGridColumns<Record<string, unknown>>[];
     emptyCellValue: import("react").ReactNode;
     rowRef: (element: HTMLElement | null) => void;
+    href: string | undefined;
+    target: import("react").HTMLAttributeAnchorTarget | undefined;
     onRowEnter: ((rowId: string) => void) | undefined;
     onRowLeave: ((rowId: string, event: PointerEvent) => void) | undefined;
     rowId: string;

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

@@ -75,6 +75,8 @@ const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, c
         columns,
         emptyCellValue,
         rowRef,
+        href,
+        target,
         onRowEnter,
         onRowLeave,
         rowId,

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

@@ -1,5 +1,4 @@
-import { type CSSProperties, type ReactNode } from 'react';
-import { type Target } from '../utils/redirectToLink';
+import { type CSSProperties, type HTMLAttributeAnchorTarget, type ReactNode } from 'react';
 import { type Variant } from './enums';
 import type { NoDataProps } from './NoData';
 export type AlignVariant = 'left' | 'center' | 'right';
@@ -338,7 +337,7 @@ export type DataGridRowOptions<TData extends Record<string, CellValue>> = {
     /**
      * Способ открытия ссылки
      */
-    target?: Target;
+    target?: HTMLAttributeAnchorTarget;
 };
 export type DataGridRow = Record<string, CellValue>;
 export type DataGridRowWithOptions<TData extends DataGridRow> = TData & {

package/node/components/DataGridCollapsibleRow/useLogic/useLogic.js

@@ -19,6 +19,7 @@ const useLogic = ({ initialOpen, onOpen, onClose }) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(storedValue !== undefined ? storedValue : initialOpen);
     const handleToggle = (0, react_1.useCallback)((event) => {
         event?.stopPropagation();
+        event?.preventDefault();
         if (isOpen) {
             setIsOpen(false);
             setItem(storageKey, false);

package/node/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/node/hook-form/FormPageLayoutBase/styles.js

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

package/package.json

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