@max-ts/components 0.0.2

package/dist/components/DataGrid/Body/useLogic/useLogic.d.ts

@@ -0,0 +1,11 @@
+import type { CellValue } from '../../types';
+import type { BodyProps } from '../Body';
+type UseLogicParams<TData extends Record<string, CellValue>> = BodyProps<TData>;
+export declare const useLogic: <TData extends Record<string, CellValue>>({ isLoading, isError, rows, }: UseLogicParams<TData>) => {
+    isNoData: boolean;
+    contentStateProps: {
+        isLoading: boolean | undefined;
+        isError: boolean | undefined;
+    };
+};
+export {};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { AlignVariant } from '../types';
+type HeadCellProps = {
+    $align?: AlignVariant;
+    $isDisabled?: boolean;
+    $hasStartAdornment?: boolean;
+};
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & HeadCellProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/components/DataGrid/Cell/useLogic/index.d.ts

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

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

@@ -0,0 +1,8 @@
+import type { CellValue } from '../../types';
+import type { CellProps } from '../Cell';
+type UseLogicParams<TData extends Record<string, CellValue>> = CellProps<TData>;
+export declare const useLogic: <TData extends Record<string, CellValue>>({ row, cell, emptyCellValue, startAdornment, }: UseLogicParams<TData>) => {
+    formattedValue: unknown;
+    hasStartAdornment: boolean;
+};
+export {};

package/dist/components/DataGrid/DataGrid.d.ts

@@ -0,0 +1,154 @@
+import { type ReactNode } from 'react';
+import { type NoDataProps } from './NoData';
+import { Variant } from './enums';
+import type { CellValue, DataGridColumns, DataGridRow, DataGridRowWithOptions, DataGridSort } from './types';
+export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Массив данных для таблицы
+     */
+    rows: DataGridRowWithOptions<TData>[];
+    /**
+     * @example <DataGrid columns={[
+     *   {
+     *     field: 'test',
+     *     label: 'Тестовая колонка',
+     *     sortable: true,
+     *   }]} />
+     * Конфигурация колонок для таблицы
+     */
+    columns: DataGridColumns<TData>[];
+    /**
+     * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
+     */
+    activeRowId?: string;
+    /**
+     * Поле, которое будет использоваться в качестве ключа
+     */
+    keyId: keyof TData;
+    /**
+     * @example <DataGrid selectedRows={[{name: 'test'}]} />
+     * Массив выбранных строк
+     */
+    selectedRows?: Array<TData>;
+    /**
+     * @example <DataGrid sorting={{fieldId: 'test', sort: 'asc'}} />
+     * Параметры сортируемой колонки
+     */
+    sorting?: DataGridSort<TSortField>;
+    /**
+     * Компонент кастомного футера (например Pagination)
+     */
+    footer?: ReactNode;
+    /**
+     *  Используется для отображения placeholder при отсутствии данных в таблице
+     */
+    noDataPlaceholder?: ReactNode;
+    /**
+     * Максимальная высота для таблицы
+     */
+    maxHeight?: number;
+    /**
+     * Если true, показывается анимация загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если true, таблица будет заблокирована для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Текст ошибки
+     */
+    errorMsg?: string;
+    /**
+     * Вариант отображения вложенных элементов
+     * @default 'tree'
+     */
+    variant?: `${Variant}`;
+    /**
+     * Опции для отображения древовидных списков
+     * Применяется если variant="tree"
+     */
+    tree?: {
+        /**
+         * Если true, то дерево будет раскрыто по умолчанию
+         * @default 'false'
+         */
+        isInitialExpanded?: boolean;
+        /**
+         * Уровень раскрытия дерева по умолчанию, при `isInitialExpanded=true`
+         * @default '1'
+         */
+        expandedLevel?: number;
+        /**
+         * Количество отображаемых по умолчанию дочерних элементов
+         * @default '2'
+         */
+        initialVisibleChildrenCount?: number;
+    };
+    /**
+     * Опции для отображения вложенных списков
+     * Применяется если variant="subrows"
+     */
+    subrows?: {
+        /**
+         * Уровень раскрытия дочерних элементов по умолчанию, при `isInitialExpanded=true`
+         * @default '1'
+         */
+        expandedLevel?: number;
+        /**
+         * Количество отображаемых по умолчанию дочерних элементов
+         * @default '2'
+         */
+        initialVisibleChildrenCount?: number;
+        /**
+         * Номер колонки, в которой будет расположена кнопка "Показать все"
+         * @default 1
+         */
+        moreButtonColumnPosition?: number;
+        /**
+         * Если false, кнопка разворачивания элементов не показывается
+         * @default true
+         */
+        isVisibleCollapseButton?: boolean;
+    };
+    /**
+     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
+     * @default '—'
+     */
+    emptyCellValue?: ReactNode;
+    /**
+     * Используется для отображения переданного кол-ва строк при отсутствии данных
+     * @default 10
+     */
+    minDisplayRows?: number;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry: () => void;
+    /**
+     * Обработчик клика строки таблицы
+     */
+    onRowClick?: (row: TData) => void;
+    /**
+     * Обработчик выбора строки
+     */
+    onSelectRow?: (row: TData[]) => void;
+    /**
+     * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
+     * Обработчик сортировки
+     */
+    onSort?: (sorting: DataGridSort<TSortField> | undefined) => void;
+    /**
+     * Используется для кастомизации компонента, использующегося в сценарии отсутствия данных
+     */
+    noDataOptions?: NoDataProps;
+};
+export declare const DataGrid: <TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData>(props: DataGridProps<TData, TSortField>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataGrid/DataGridContext/DataGridContext.d.ts

@@ -0,0 +1,7 @@
+export type DataGridContextProps = {
+    checkIsOpened: (key: string) => boolean;
+    checkIsMoreOpened: (key: string) => boolean;
+    toggleOpenItems: (key: string) => void;
+    toggleOpenMoreItems: (key: string) => void;
+};
+export declare const DataGridContext: import("react").Context<DataGridContextProps>;

package/dist/components/DataGrid/DataGridContext/DataGridProvider/DataGridProvider.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+type DataGridContextProviderProps = {
+    children: ReactNode;
+};
+export declare const DataGridContextProvider: ({ children, }: DataGridContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DataGrid/DataGridContext/DataGridProvider/index.d.ts

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

package/dist/components/DataGrid/DataGridContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DataGridContext';
+export * from './DataGridProvider';

package/dist/components/DataGrid/Head/Head.d.ts

@@ -0,0 +1,37 @@
+import { type ChangeEvent } from 'react';
+import type { CellValue, DataGridColumns, DataGridRow, DataGridSort } from '../types';
+export type HeadProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = {
+    /**
+     * Конфигурация колонок для таблицы
+     */
+    columns: DataGridColumns<TData>[];
+    /**
+     * Конфигурация ширины колонок
+     */
+    gridColumns: string;
+    /**
+     * Если true, то будет отображаться чекбокс для выбора элемента
+     */
+    isSelectable: boolean;
+    /**
+     * Параметры сортируемой колонки
+     */
+    sorting?: DataGridSort<TSortField>;
+    /**
+     * Общее количество строк, доступных для выбора
+     */
+    rowsCount: number;
+    /**
+     * Количество строк, которые не выбраны
+     */
+    uncheckedRowsCount: number;
+    /**
+     * Обработчик выбора всех строк
+     */
+    onSelectAllRows: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Обработчик сортировки
+     */
+    onSort?: (sorting: DataGridSort<TSortField> | undefined) => void;
+};
+export declare const Head: <TData extends Record<string, CellValue>, TSortField extends keyof TData>(props: HeadProps<TData, TSortField>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataGrid/Head/index.d.ts

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

package/dist/components/DataGrid/Head/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $gridColumns: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const CheckboxCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/Head/useLogic/index.d.ts

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

package/dist/components/DataGrid/Head/useLogic/useLogic.d.ts

@@ -0,0 +1,12 @@
+import type { CellValue, DataGridRow } from '../../types';
+import type { HeadProps } from '../Head';
+type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = HeadProps<TData, TSortField>;
+export declare const useLogic: <TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData>({ rowsCount, sorting, uncheckedRowsCount, onSort, }: UseLogicParams<TData, TSortField>) => {
+    handleSort: (field: TSortField) => void;
+    checkboxProps: {
+        checked: boolean;
+        disabled: boolean;
+        indeterminate: boolean;
+    };
+};
+export {};

package/dist/components/DataGrid/HeadCell/HeadCell.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import type { AlignVariant, DataGridRow, DataGridSort } from '../types';
+export type HeadCellProps<TData = DataGridRow, TSortField extends keyof TData = keyof TData> = {
+    onSort: (field: TSortField) => void;
+    sorting?: DataGridSort<TSortField>;
+    label?: string;
+    isSortable?: boolean;
+    /**
+     * Выравнивание содержимого ячейки по горизонтали
+     */
+    align?: AlignVariant;
+    field?: keyof TData;
+    /**
+     * Дополнительное содержимое ячейки, которое будет распложено справа
+     */
+    startAdornment?: ReactNode;
+};
+export declare const HeadCell: <TData, TSortField extends keyof TData>(props: HeadCellProps<TData, TSortField>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataGrid/HeadCell/index.d.ts

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

package/dist/components/DataGrid/HeadCell/styles.d.ts

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

package/dist/components/DataGrid/HeadCell/useLogic/index.d.ts

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

package/dist/components/DataGrid/HeadCell/useLogic/useLogic.d.ts

@@ -0,0 +1,10 @@
+import type { DataGridRow } from '../../types';
+import type { HeadCellProps } from '../HeadCell';
+type UseLogicParams<TData = DataGridRow, TSortField extends keyof TData = keyof TData> = HeadCellProps<TData, TSortField>;
+export declare const useLogic: <TData, TSortField extends keyof TData>({ field, isSortable, startAdornment, onSort, }: UseLogicParams<TData, TSortField>) => {
+    wrapperProps: {
+        $hasStartAdornment: boolean;
+        onClick: () => void;
+    };
+};
+export {};

package/dist/components/DataGrid/Loader/Loader.d.ts

@@ -0,0 +1,6 @@
+export type LoaderProps = {
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isVisibleDivider?: boolean;
+};
+export declare const Loader: ({ isLoading, isDisabled, isVisibleDivider, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataGrid/Loader/index.d.ts

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

package/dist/components/DataGrid/Loader/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Backdrop: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDivider: import("@emotion/styled").StyledComponent<import("../../Divider").DividerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const LoaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLinearProgress: import("@emotion/styled").StyledComponent<import("@mui/material").LinearProgressProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/DataGrid/NoData/NoData.d.ts

@@ -0,0 +1,34 @@
+import { type PlaceholderSize } from '../../Placeholder';
+export type NoDataProps = {
+    /**
+     * Заголовок
+     * @default 'Нет\u00a0данных'
+     * Добавлен неразрывный пробел `\u00a0`,
+     * так как без изображения текст форматируется в 2 строки
+     */
+    title?: string;
+    /**
+     * альтернативный текст в случае, если изображение по какой-то причине не загрузилось
+     * @default эквивалентно title
+     */
+    imgAlt?: string;
+    /**
+     * Ширина иллюстрации в px (высота рассчитывается пропорционально ширине)
+     * @default '250'
+     * @deprecated
+     */
+    noDataIconWidth?: number;
+    /**
+     * Текст и обработчик для кнопки действия
+     */
+    action?: {
+        text: string;
+        onClick: () => void;
+    };
+    /**
+     * Задает общий размер компонента
+     * @default 'small'
+     */
+    size?: PlaceholderSize;
+};
+export declare const NoData: ({ title, imgAlt, action, size, }: NoDataProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataGrid/NoData/index.d.ts

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

package/dist/components/DataGrid/Row/NestedChildren/NestedChildren.d.ts

@@ -0,0 +1,55 @@
+import { type ReactElement } from 'react';
+import type { Variant } from '../../enums';
+import type { CellValue, DataGridRowOptions } from '../../types';
+export type NestedChildrenProps<TData extends Record<string, CellValue>> = {
+    /**
+     * Если true, список дочерних элементов раскрыт
+     */
+    isOpen: boolean;
+    /**
+     * Данные для отображения
+     */
+    data: Array<TData & {
+        options?: DataGridRowOptions<TData>;
+    }>;
+    /**
+     * Поле, которое будет использоваться в качестве ключа
+     */
+    keyId: keyof TData;
+    /**
+     * Идентификатор строки
+     */
+    rowId: string;
+    /**
+     * Вариант отображения вложенных элементов
+     */
+    variant: `${Variant}`;
+    /**
+     * Конфигурация ширины колонок
+     */
+    gridColumns: string;
+    /**
+     * Уровень вложенности в дереве
+     */
+    level: number;
+    /**
+     * Количество отображаемых по умолчанию дочерних элементов
+     */
+    initialVisibleChildrenCount: number;
+    /**
+     * Номер колонки, в которой будет расположена кнопка "Показать все"
+     * Работает только для `variant="subrows"`
+     */
+    moreButtonColumnPosition: number;
+    renderRow: ({ key, level, row, nestedChildren, options, className, }: {
+        key: string;
+        row: TData;
+        level: number;
+        nestedChildren: Array<TData & {
+            options?: DataGridRowOptions<TData>;
+        }>;
+        options?: DataGridRowOptions<TData>;
+        className?: string;
+    }) => ReactElement;
+};
+export declare const NestedChildren: import("react").MemoExoticComponent<(<TData extends Record<string, CellValue>>(props: NestedChildrenProps<TData>) => import("react/jsx-runtime").JSX.Element | null)>;

package/dist/components/DataGrid/Row/NestedChildren/index.d.ts

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

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

@@ -0,0 +1,20 @@
+export declare const NestedRows: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $level: number;
+    $isShowConnector: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const MoreButtonRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $level: number;
+    $isShowConnector: boolean;
+    $gridColumns: string;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const MoreButton: import("@emotion/styled").StyledComponent<Omit<import("../../../types").WithoutEmotionSpecific<import("@mui/material").ButtonProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, unknown>>, "color" | "variant"> & {
+    variant?: `${import("../../../Button").ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import("react").ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import("../../../Button").ButtonColors}`;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $moreButtonColumnPosition: number;
+}, {}, {}>;

package/dist/components/DataGrid/Row/NestedChildren/useLogic/index.d.ts

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

package/dist/components/DataGrid/Row/NestedChildren/useLogic/useLogic.d.ts

@@ -0,0 +1,18 @@
+import { type MouseEvent } from 'react';
+import type { CellValue } from '../../../types';
+import type { NestedChildrenProps } from '../NestedChildren';
+type UseLogicParams<TData extends Record<string, CellValue>> = NestedChildrenProps<TData>;
+export declare const useLogic: <TData extends Record<string, CellValue>>({ rowId, data, level, variant, initialVisibleChildrenCount, }: UseLogicParams<TData>) => {
+    isShowAllChildren: boolean;
+    isShowMoreButton: boolean;
+    isShowConnector: boolean;
+    initialVisibleChildren: (TData & {
+        options?: import("../../../types").DataGridRowOptions<TData> | undefined;
+    })[];
+    otherChildren: (TData & {
+        options?: import("../../../types").DataGridRowOptions<TData> | undefined;
+    })[];
+    nextLevel: number;
+    handleToggleShowAllChildren: (event: MouseEvent<HTMLElement>) => void;
+};
+export {};

package/dist/components/DataGrid/Row/Row.d.ts

@@ -0,0 +1,91 @@
+import { type ChangeEvent, type ReactNode } from 'react';
+import type { Variant } from '../enums';
+import type { CellValue, DataGridColumns, DataGridRowOptions } from '../types';
+export type RowProps<TData extends Record<string, CellValue>> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Поле, которое будет использоваться в качестве ключа
+     */
+    keyId: keyof TData;
+    /**
+     * Данные строки для отображения
+     */
+    row: TData;
+    /**
+     * Конфигурация колонок для таблицы
+     */
+    columns: DataGridColumns<TData>[];
+    /**
+     * Вариант отображения вложенных элементов
+     */
+    variant: `${Variant}`;
+    /**
+     * Конфигурация ширины колонок
+     */
+    gridColumns: string;
+    /**
+     * Уровень вложенности в дереве
+     */
+    level: number;
+    /**
+     * Вложенные элементы
+     */
+    nestedChildren: Array<TData & {
+        options?: DataGridRowOptions<TData>;
+    }>;
+    /**
+     * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
+     */
+    activeRowId?: string;
+    /**
+     * Если true, то дерево будет раскрыто по умолчанию
+     */
+    isInitialExpanded: boolean;
+    /**
+     * Уровень раскрытия дерева по умолчанию, при isInitialExpanded=true
+     */
+    expandedLevel: number;
+    /**
+     * Количество отображаемых по умолчанию дочерних элементов
+     */
+    initialVisibleChildrenCount: number;
+    /**
+     * Номер колонки, в которой будет расположена кнопка "Показать все"
+     * Работает только для `variant="subrows"`
+     */
+    moreButtonColumnPosition: number;
+    /**
+     * Если false, кнопка разворачивания элементов не показывается
+     * Работает только для `variant="subrows"`
+     */
+    isVisibleCollapseButton: boolean;
+    /**
+     * Если true, то будет отображаться чекбокс для выбора элемента
+     */
+    isSelectable?: boolean;
+    /**
+     * Массив выбранных строк
+     */
+    selectedRows?: Array<TData>;
+    /**
+     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
+     * @default '-'
+     */
+    emptyCellValue?: ReactNode;
+    /**
+     * Дополнительные настройки строки
+     */
+    options?: DataGridRowOptions<TData>;
+    /**
+     * Обработчик выбора строки
+     */
+    onSelectRow: (row: TData) => (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Обработчик клика строки таблицы
+     */
+    onRowClick?: (row: TData) => void;
+};
+export declare const Row: <TData extends Record<string, CellValue>>(props: RowProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataGrid/Row/RowContext/RowContext.d.ts

@@ -0,0 +1,7 @@
+export type RowContextProps = {
+    isDisabled: boolean;
+    disabledReason?: string;
+    addDisabledRow: (disabledReason?: string) => void;
+    removeDisabledRow: () => void;
+};
+export declare const RowContext: import("react").Context<RowContextProps>;

package/dist/components/DataGrid/Row/RowContext/RowProvider/RowProvider.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+type RowContextProviderProps = {
+    children: ReactNode;
+};
+export declare const RowContextProvider: ({ children }: RowContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};