@astral/ui 4.62.2 → 4.64.0

package/node/components/DataGrid/useLogic/utils/getColumnSections/getColumnSections.js

@@ -1,25 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getColumnSections = exports.validatePinnedColumns = void 0;
+const ErrorService_1 = require("../../../../services/ErrorService");
+const utils_1 = require("../../../utils");
 /**
  * Валидирует корректность комбинаций закрепления колонок.
  * Выбрасывает ошибку, если колонки с pinned="right" не идут непрерывным блоком в конце
  * или колонки с pinned="left" не идут непрерывным блоком в начале.
  */
-const validatePinnedColumns = (positions) => {
+const validatePinnedColumns = (columns) => {
+    const errorService = ErrorService_1.ErrorService.getInstance();
+    const positions = columns.map((c) => c.pinned ?? 'center');
     const firstRight = positions.indexOf('right');
     if (firstRight !== -1 &&
         positions.slice(firstRight).some((p) => p !== 'right')) {
-        // biome-ignore lint/suspicious/noConsole: Сообщение для интеграторов
-        console.error('DataGrid: Колонки с pinned="right" должны идти непрерывным блоком в конце');
+        errorService.logError('DataGrid', 'Колонки с pinned="right" должны идти непрерывным блоком в конце');
     }
     // left: должны быть в начале
     const lastLeft = positions.lastIndexOf('left');
     if (lastLeft !== -1 &&
         positions.slice(0, lastLeft + 1).some((p) => p !== 'left')) {
-        // biome-ignore lint/suspicious/noConsole: Сообщение для интеграторов
-        console.error('DataGrid: Колонки с pinned="left" должны идти непрерывным блоком в начале');
+        errorService.logError('DataGrid', 'Колонки с pinned="left" должны идти непрерывным блоком в начале');
     }
+    columns.forEach((column) => {
+        if ((0, utils_1.isGroupColumns)(column) &&
+            column.children.some((child) => child.pinned)) {
+            errorService.logError('DataGrid', 'pinned должен быть указан у родительской колонки, а не у дочерних элементов');
+        }
+    });
 };
 exports.validatePinnedColumns = validatePinnedColumns;
 /**
@@ -29,6 +37,7 @@ exports.validatePinnedColumns = validatePinnedColumns;
  * - right (закреплены справа)
  */
 const getColumnSections = (columns) => {
+    (0, exports.validatePinnedColumns)(columns);
     const groups = columns.reduce((acc, col) => {
         const position = col.pinned ?? 'center';
         if (!acc[position]) {
@@ -37,13 +46,11 @@ const getColumnSections = (columns) => {
         acc[position].push(col);
         return acc;
     }, {});
-    const positions = columns.map((c) => c.pinned ?? 'center');
-    (0, exports.validatePinnedColumns)(positions);
     return {
         sections: [
-            { position: 'left', columns: groups.left },
-            { position: 'center', columns: groups.center },
-            { position: 'right', columns: groups.right },
+            { position: 'left', columns: groups.left || [] },
+            { position: 'center', columns: groups.center || [] },
+            { position: 'right', columns: groups.right || [] },
         ],
     };
 };

package/node/components/DataGrid/utils/getFlattenColumns/getFlattenColumns.d.ts

@@ -0,0 +1,2 @@
+import { type DataGridColumns, type DataGridSingleColumn } from '../../types';
+export declare const getFlattenColumns: <TData extends Record<string, unknown>>(columns: DataGridColumns<TData>[], pinned?: 'left' | 'right') => DataGridSingleColumn<TData>[];

package/node/components/DataGrid/utils/getFlattenColumns/getFlattenColumns.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFlattenColumns = void 0;
+const isGroupColumns_1 = require("../isGroupColumns");
+const getFlattenColumns = (columns, pinned) => {
+    return columns.flatMap((column) => {
+        const currentPinned = column.pinned ?? pinned;
+        if ((0, isGroupColumns_1.isGroupColumns)(column)) {
+            return (0, exports.getFlattenColumns)(column.children, currentPinned);
+        }
+        return {
+            ...column,
+            pinned: currentPinned,
+        };
+    });
+};
+exports.getFlattenColumns = getFlattenColumns;

package/node/components/DataGrid/utils/getFlattenColumns/index.d.ts

@@ -0,0 +1 @@
+export { getFlattenColumns } from './getFlattenColumns';

package/node/components/DataGrid/utils/getFlattenColumns/index.js

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

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

@@ -1,3 +1,4 @@
-export { alignToJustifyContent } from './alignToJustifyContent';
 export { getDataGridCssVars } from './getDataGridCssVars';
 export { getGridTemplateColumns } from './getGridTemplateColumns';
+export { isGroupColumns } from './isGroupColumns';
+export { getFlattenColumns } from './getFlattenColumns';

package/node/components/DataGrid/utils/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGridTemplateColumns = exports.getDataGridCssVars = exports.alignToJustifyContent = void 0;
-var alignToJustifyContent_1 = require("./alignToJustifyContent");
-Object.defineProperty(exports, "alignToJustifyContent", { enumerable: true, get: function () { return alignToJustifyContent_1.alignToJustifyContent; } });
+exports.getFlattenColumns = exports.isGroupColumns = exports.getGridTemplateColumns = exports.getDataGridCssVars = void 0;
 var getDataGridCssVars_1 = require("./getDataGridCssVars");
 Object.defineProperty(exports, "getDataGridCssVars", { enumerable: true, get: function () { return getDataGridCssVars_1.getDataGridCssVars; } });
 var getGridTemplateColumns_1 = require("./getGridTemplateColumns");
 Object.defineProperty(exports, "getGridTemplateColumns", { enumerable: true, get: function () { return getGridTemplateColumns_1.getGridTemplateColumns; } });
+var isGroupColumns_1 = require("./isGroupColumns");
+Object.defineProperty(exports, "isGroupColumns", { enumerable: true, get: function () { return isGroupColumns_1.isGroupColumns; } });
+var getFlattenColumns_1 = require("./getFlattenColumns");
+Object.defineProperty(exports, "getFlattenColumns", { enumerable: true, get: function () { return getFlattenColumns_1.getFlattenColumns; } });

package/node/components/DataGrid/utils/isGroupColumns/index.d.ts

@@ -0,0 +1 @@
+export * from './isGroupColumns';

package/node/components/DataGrid/utils/isGroupColumns/index.js

@@ -0,0 +1,17 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./isGroupColumns"), exports);

package/node/components/DataGrid/utils/isGroupColumns/isGroupColumns.d.ts

@@ -0,0 +1,2 @@
+import { type DataGridColumns, type DataGridGroupColumn } from '../../types';
+export declare const isGroupColumns: <TData extends Record<string, unknown>>(column: DataGridColumns<TData>) => column is DataGridGroupColumn<TData>;

package/node/components/DataGrid/utils/isGroupColumns/isGroupColumns.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isGroupColumns = void 0;
+const isGroupColumns = (column) => {
+    return 'children' in column && Array.isArray(column.children);
+};
+exports.isGroupColumns = isGroupColumns;

package/node/components/DataGridInfinite/DataGridInfinite.js

@@ -16,6 +16,7 @@ const styles_1 = require("../DataGrid/styles");
 const Loader_1 = require("../Loader");
 const ScrollToTopButton_1 = require("../ScrollToTopButton");
 const classNames_1 = require("../utils/classNames");
+const cva_1 = require("../utils/cva");
 const getInertProps_1 = require("../utils/getInertProps");
 const constants_2 = require("./constants");
 const EndData_1 = require("./EndData");
@@ -25,14 +26,25 @@ const NoData_1 = require("./NoData");
 const styles_2 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const INITIAL_LEVEL = 0;
+const dataGridInfiniteCva = (0, cva_1.cva)(constants_1.dataGridClassnames.root, {
+    variants: {
+        hasGroupedColumns: {
+            true: constants_1.dataGridClassnames.hasGroupedColumns,
+        },
+        gridViewMode: {
+            full: constants_1.dataGridClassnames.gridViewFull,
+            standard: constants_1.dataGridClassnames.gridViewStandard,
+        },
+    },
+});
 const DataGridInfinite = (props) => {
     const { imagesMap, emptySymbol } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { isNoData, isDataGridDisabled, isStickyButtonActive, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, isHideHead, containerCssVars, isMobile, mobileSkeletonProps, } = (0, useLogic_1.useLogic)(props);
+    const { isNoData, isDataGridDisabled, isStickyButtonActive, 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 { 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;
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { style: containerCssVars, className: (0, classNames_1.classNames)(constants_1.dataGridClassnames.root, className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { ...(0, getInertProps_1.getInertProps)(isDataGridDisabled), children: [!isHideHead && ((0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, loadingContent: isMobile && (0, jsx_runtime_1.jsx)(DataGrid_1.MobileSkeleton, { ...mobileSkeletonProps }), errorState: {
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { style: containerCssVars, className: (0, classNames_1.classNames)(dataGridInfiniteCva({ hasGroupedColumns, gridViewMode }), className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { ...(0, getInertProps_1.getInertProps)(isDataGridDisabled), children: [!isHideHead && ((0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, loadingContent: isMobile && (0, jsx_runtime_1.jsx)(DataGrid_1.MobileSkeleton, { ...mobileSkeletonProps }), errorState: {
                                 imgAlt: 'Что-то пошло не так',
                                 errorList: [errorMsg || ''],
                                 imgSrc: imagesMap.defaultErrorImgSrc,
@@ -43,7 +55,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: columns, 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, 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/DataGridInfinite/useLogic/useLogic.d.ts

@@ -4,12 +4,13 @@ import { type DataGridRow } from '../../DataGrid';
 import { type CellValue } from '../../DataGrid/types';
 import { type DataGridInfiniteProps } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridInfiniteProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, maxHeight, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, maxHeight, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData, gridViewMode: gridViewModeProp, }: UseLogicParams<TData, TSortField>) => {
     containerCssVars: import("react").CSSProperties;
     mobileSkeletonProps: {
         cellsCount: number;
         rowsCount: number;
     };
+    flattenColumns: import("../../DataGrid").DataGridSingleColumn<TData>[];
     isNoData: boolean;
     isMobile: boolean;
     isDataGridDisabled: boolean | undefined;
@@ -21,6 +22,8 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
     } | undefined;
     isEndReached: boolean | undefined;
     isHideHead: boolean;
+    hasGroupedColumns: boolean;
+    gridViewMode: "standard" | "full";
     virtuosoProps: {
         id: string;
         ref: import("react").RefObject<VirtuosoHandle | null>;

package/node/components/DataGridInfinite/useLogic/useLogic.js

@@ -10,7 +10,7 @@ const useViewportType_1 = require("../../useViewportType");
 const prop_1 = require("../../utils/prop");
 const uniqueBy_1 = require("../../utils/uniqueBy");
 const constants_1 = require("../constants");
-const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], maxHeight, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
+const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], maxHeight, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, gridViewMode: gridViewModeProp = 'standard', }) => {
     const virtuoso = (0, react_1.useRef)(null);
     const { isMobile } = (0, useViewportType_1.useViewportType)();
     const [hasVerticalScroll, setHasVerticalScroll] = (0, react_1.useState)(false);
@@ -22,7 +22,10 @@ const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows =
         ? { ...subrows, isInitialExpanded: true }
         : tree;
     const availableRows = rows.filter((row) => !(row.options?.isDisabled || row.options?.isNotSelectable));
-    const gridColumns = (0, utils_1.getGridTemplateColumns)(columns);
+    const flattenColumns = (0, react_1.useMemo)(() => (0, utils_1.getFlattenColumns)(columns), [columns]);
+    const hasGroupedColumns = columns.some(utils_1.isGroupColumns);
+    const gridViewMode = hasGroupedColumns ? 'full' : gridViewModeProp;
+    const gridColumns = (0, utils_1.getGridTemplateColumns)(flattenColumns);
     const handleEndReach = (0, react_1.useCallback)(() => {
         if (!isEndReached && onEndReached) {
             onEndReached();
@@ -66,12 +69,13 @@ const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows =
     };
     const isHideHead = isHideHeaderIfNoData && rows.length === 0;
     const { mobileSkeletonProps } = (0, hooks_1.useDataGridMobileLogic)({
-        columns,
+        columns: flattenColumns,
     });
     const containerCssVars = (0, utils_1.getDataGridCssVars)(maxHeight);
     return {
         containerCssVars,
         mobileSkeletonProps,
+        flattenColumns,
         isNoData,
         isMobile,
         isDataGridDisabled,
@@ -79,6 +83,8 @@ const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows =
         treeRenderConfig,
         isEndReached: isEndReached && hasVerticalScroll,
         isHideHead,
+        hasGroupedColumns,
+        gridViewMode,
         virtuosoProps: {
             id: constants_1.VIRTUOSO_CONTAINER_ID,
             ref: virtuoso,

package/node/components/Dialog/Dialog.d.ts

@@ -1,24 +1,2 @@
-import type { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
-import { type ReactElement, type ReactNode } from 'react';
-import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
-export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type DialogProps = WithoutEmotionSpecific<Omit<MuiDialogProps, 'title' | 'maxWidth'>> & {
-    /**
-     * Заголовок
-     */
-    title?: ReactElement | ReactElement[] | string;
-    /**
-     * Отключить кликабельность фонового компонента
-     */
-    disableBackdropClick?: boolean;
-    /**
-     * Размер Dialog
-     * @default md
-     */
-    size?: DialogSize;
-    /**
-     * Дополнительный контент хедера
-     */
-    headerContent?: ReactNode;
-};
-export declare const Dialog: ({ children, title, disableBackdropClick, onClose, size, headerContent, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+import type { DialogProps } from './types';
+export declare const Dialog: ({ children, title, disableBackdropClick, onClose, size, headerContent, className, classes, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/Dialog/Dialog.js

@@ -4,20 +4,27 @@ exports.Dialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const BottomDrawer_1 = require("../BottomDrawer");
 const DialogTitle_1 = require("../DialogTitle");
-const useViewportType_1 = require("../useViewportType");
+const classNames_1 = require("../utils/classNames");
+const cva_1 = require("../utils/cva");
+const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-const Dialog = ({ children, title, disableBackdropClick, onClose, size = 'md', headerContent, ...props }) => {
-    const handleClose = onClose &&
-        ((event, reason) => {
-            if (disableBackdropClick && reason === 'backdropClick') {
-                return;
-            }
-            onClose(event, reason);
-        });
-    const { isMobile } = (0, useViewportType_1.useViewportType)();
+const useLogic_1 = require("./useLogic");
+const dialogCva = (0, cva_1.cva)(constants_1.dialogClassnames.root, {
+    variants: {
+        withoutTitle: {
+            true: constants_1.dialogClassnames.withoutTitle,
+        },
+    },
+});
+const Dialog = ({ children, title, disableBackdropClick, onClose, size = 'md', headerContent, className, classes, ...props }) => {
+    const { handleClose, isMobile, dialogClasses } = (0, useLogic_1.useLogic)({
+        onClose,
+        disableBackdropClick,
+        classes,
+    });
     if (isMobile) {
         return ((0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { onClose: handleClose, title: title, headerContent: headerContent, ...props, children: children }));
     }
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDialog, { "$size": size, onClose: handleClose, ...props, children: [title && ((0, jsx_runtime_1.jsx)(DialogTitle_1.DialogTitle, { onClose: onClose, headerContent: headerContent, children: title })), children] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDialog, { "$size": size, onClose: handleClose, className: (0, classNames_1.classNames)(dialogCva({ withoutTitle: !title }), className), classes: dialogClasses, ...props, children: [title && ((0, jsx_runtime_1.jsx)(DialogTitle_1.DialogTitle, { onClose: onClose, headerContent: headerContent, children: title })), children] }));
 };
 exports.Dialog = Dialog;

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

@@ -20,3 +20,8 @@ export declare const DIALOG_SIZES: {
         maxWidth: string;
     };
 };
+export declare const dialogClassnames: {
+    root: string;
+    withoutTitle: string;
+    paper: string;
+};

package/node/components/Dialog/constants.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DIALOG_SIZES = void 0;
+exports.dialogClassnames = exports.DIALOG_SIZES = void 0;
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.DIALOG_SIZES = {
     xs: { minWidth: '300px', maxWidth: '399px' },
     sm: { minWidth: '400px', maxWidth: '499px' },
@@ -8,3 +9,8 @@ exports.DIALOG_SIZES = {
     lg: { minWidth: '600px', maxWidth: '699px' },
     xl: { minWidth: '700px', maxWidth: '980px' },
 };
+exports.dialogClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('dialog'),
+    withoutTitle: (0, createUIKitClassname_1.createUIKitClassname)('dialog_without-title'),
+    paper: (0, createUIKitClassname_1.createUIKitClassname)('dialog__paper'),
+};

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

@@ -1,2 +1,3 @@
 export * from './Dialog';
-export { DIALOG_SIZES } from './constants';
+export { DIALOG_SIZES, dialogClassnames } from './constants';
+export type { DialogProps, DialogSize } from './types';

package/node/components/Dialog/index.js

@@ -14,7 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DIALOG_SIZES = void 0;
+exports.dialogClassnames = exports.DIALOG_SIZES = void 0;
 __exportStar(require("./Dialog"), exports);
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "DIALOG_SIZES", { enumerable: true, get: function () { return constants_1.DIALOG_SIZES; } });
+Object.defineProperty(exports, "dialogClassnames", { enumerable: true, get: function () { return constants_1.dialogClassnames; } });

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

@@ -1,2 +1,3 @@
-export { DIALOG_SIZES } from './constants';
+export { DIALOG_SIZES, dialogClassnames } from './constants';
 export * from './Dialog';
+export type { DialogProps, DialogSize } from './types';

package/node/components/Dialog/public.js

@@ -14,7 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DIALOG_SIZES = void 0;
+exports.dialogClassnames = exports.DIALOG_SIZES = void 0;
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "DIALOG_SIZES", { enumerable: true, get: function () { return constants_1.DIALOG_SIZES; } });
+Object.defineProperty(exports, "dialogClassnames", { enumerable: true, get: function () { return constants_1.dialogClassnames; } });
 __exportStar(require("./Dialog"), exports);

package/node/components/Dialog/styles.js

@@ -1,31 +1,11 @@
 "use strict";
-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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDialog = void 0;
 const Backdrop_1 = require("@mui/material/Backdrop");
-const Dialog_1 = __importStar(require("@mui/material/Dialog"));
+const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
 const DialogActions_1 = require("../DialogActions");
 const DialogContent_1 = require("../DialogContent");
 const styled_1 = require("../styled");
@@ -36,10 +16,17 @@ const getSize = (size) => {
 exports.StyledDialog = (0, styled_1.styled)(Dialog_1.default, {
     shouldForwardProp: (prop) => !['$size'].includes(prop),
 }) `
-  &.${Dialog_1.dialogClasses.root} .${Backdrop_1.backdropClasses.root} {
+  &.${constants_1.dialogClassnames.root} .${Backdrop_1.backdropClasses.root} {
     background-color: ${({ theme }) => theme.palette.background.modalShadow};
   }
-  .${Dialog_1.dialogClasses.paper} {
+
+  &.${constants_1.dialogClassnames.withoutTitle} {
+    & .${DialogContent_1.dialogContentClassnames.root} {
+      padding-top: ${({ theme }) => theme.spacing(6)};
+    }
+  }
+
+  .${constants_1.dialogClassnames.paper} {
     min-width: ${({ $size }) => getSize($size).minWidth};
     max-width: ${({ $size }) => getSize($size).maxWidth};
 

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

@@ -0,0 +1,23 @@
+import type { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
+import { type ReactElement, type ReactNode } from 'react';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
+export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type DialogProps = WithoutEmotionSpecific<Omit<MuiDialogProps, 'title' | 'maxWidth'>> & {
+    /**
+     * Заголовок
+     */
+    title?: ReactElement | ReactElement[] | string;
+    /**
+     * Отключить кликабельность фонового компонента
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * Размер Dialog
+     * @default md
+     */
+    size?: DialogSize;
+    /**
+     * Дополнительный контент хедера
+     */
+    headerContent?: ReactNode;
+};

package/node/components/Dialog/types.js

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

package/node/components/Dialog/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';

package/node/components/Dialog/useLogic/index.js

@@ -0,0 +1,17 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLogic"), exports);

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

@@ -0,0 +1,25 @@
+import { type MouseEvent } from 'react';
+import { type DialogProps } from '../types';
+type UseLogicParams = Pick<DialogProps, 'onClose' | 'disableBackdropClick' | 'classes'>;
+export declare const useLogic: ({ onClose, disableBackdropClick, classes, }: UseLogicParams) => {
+    handleClose: ((event: MouseEvent<HTMLButtonElement>, reason: 'backdropClick' | 'escapeKeyDown') => void) | undefined;
+    isMobile: boolean;
+    dialogClasses: {
+        root?: string | undefined;
+        scrollPaper?: string | undefined;
+        scrollBody?: string | undefined;
+        container?: string | undefined;
+        paperScrollPaper?: string | undefined;
+        paperScrollBody?: string | undefined;
+        paperWidthFalse?: string | undefined;
+        paperWidthXs?: string | undefined;
+        paperWidthSm?: string | undefined;
+        paperWidthMd?: string | undefined;
+        paperWidthLg?: string | undefined;
+        paperWidthXl?: string | undefined;
+        paperFullWidth?: string | undefined;
+        paperFullScreen?: string | undefined;
+        paper: string;
+    };
+};
+export {};

package/node/components/Dialog/useLogic/useLogic.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const useViewportType_1 = require("../../useViewportType");
+const classNames_1 = require("../../utils/classNames");
+const constants_1 = require("../constants");
+const useLogic = ({ onClose, disableBackdropClick, classes, }) => {
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
+    const handleClose = onClose &&
+        ((event, reason) => {
+            if (disableBackdropClick && reason === 'backdropClick') {
+                return;
+            }
+            onClose(event, reason);
+        });
+    const { paper, ...restClasses } = classes || {};
+    const dialogClasses = {
+        paper: (0, classNames_1.classNames)(constants_1.dialogClassnames.paper, paper),
+        ...restClasses,
+    };
+    return { handleClose, isMobile, dialogClasses };
+};
+exports.useLogic = useLogic;

package/node/components/PageLayoutContainer/PageLayoutContainer.js

@@ -7,5 +7,5 @@ const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 exports.PageLayoutContainer = (0, react_1.forwardRef)(({ children, className }, forwardedRef) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.StylePaper, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(className, constants_1.pageLayoutClassnames.root), ref: forwardedRef, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledPaper, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, classNames_1.classNames)(className, constants_1.pageLayoutClassnames.root), ref: forwardedRef, children: children }) }));
 });

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

@@ -3,6 +3,6 @@ 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 StylePaper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../Paper").PaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledPaper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../Paper").PaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/PageLayoutContainer/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StylePaper = exports.Wrapper = void 0;
+exports.StyledPaper = exports.Wrapper = void 0;
 const Paper_1 = require("../Paper");
 const styled_1 = require("../styled");
 const constants_1 = require("./constants");
@@ -38,7 +38,7 @@ exports.Wrapper = styled_1.styled.div `
     border: unset;
   }
 `;
-exports.StylePaper = (0, styled_1.styled)(Paper_1.Paper) `
+exports.StyledPaper = (0, styled_1.styled)(Paper_1.Paper) `
   height: 100%;
   
   ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/ResizingDataGrid/hooks/useComputedColumns/useComputedColumns.d.ts

@@ -7,6 +7,6 @@ import type { ResizingColumns } from '../../types';
 export declare const useComputedColumns: <TData extends DataGridRow = DataGridRow>(columns: ResizingColumns<TData>, storage?: Storage) => {
     columnsWidths: any[];
     setColumnsWidths: import("react").Dispatch<import("react").SetStateAction<any[]>>;
-    computedColumns: import("../../../DataGrid").DataGridColumns<TData>[];
+    computedColumns: import("../../../DataGrid").DataGridSingleColumn<TData>[];
     actionsColumnWidth: string | undefined;
 };

package/node/components/ResizingDataGrid/hooks/useComputedColumns/utils/createComputedColumns/createComputedColumns.d.ts

@@ -1,7 +1,7 @@
-import { type DataGridColumns, type DataGridRow } from '../../../../../DataGrid';
+import { type DataGridRow, type DataGridSingleColumn } from '../../../../../DataGrid';
 import { type ResizingColumns } from '../../../../types';
 type CreateComputedColumnsResult<TData extends DataGridRow = DataGridRow> = {
-    computedColumns: DataGridColumns<TData>[];
+    computedColumns: DataGridSingleColumn<TData>[];
     actionsColumnWidth?: string;
 };
 /**