@astral/ui 4.0.0-alpha.8 → 4.0.0

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

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

package/components/DataGrid/NoData/NoData.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { Button } from '../../Button';
+import { ConfigContext } from '../../ConfigProvider';
+import { Placeholder } from '../../placeholders';
+export const NoData = ({ title = 'Нет\u00a0данных', imgAlt = title, action, size = 'small', }) => {
+    const { imagesMap: { noDataImgSrc }, } = useContext(ConfigContext);
+    return (_jsx(Placeholder, { title: title, imgSrc: noDataImgSrc, size: size, Actions: action ? (_jsx(Button, { onClick: action.onClick, "aria-label": action.text, children: action.text })) : undefined, imgAlt: imgAlt }));
+};

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

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

package/components/DataGrid/NoData/index.js

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

package/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, unknown>>(props: NestedChildrenProps<TData>) => JSX.Element | null)>;

package/components/DataGrid/Row/NestedChildren/NestedChildren.js

@@ -0,0 +1,46 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Collapse } from '../../../Collapse';
+import { dataGridClassnames } from '../constants';
+import { MoreButton, MoreButtonRow, NestedRows } from './styles';
+import { useLogic } from './useLogic';
+export const NestedChildren = memo((props) => {
+    const { isShowAllChildren, isShowMoreButton, isShowConnector, nextLevel, initialVisibleChildren, otherChildren, handleToggleShowAllChildren, } = useLogic(props);
+    const { isOpen, data, keyId, level, gridColumns, moreButtonColumnPosition, renderRow, } = props;
+    if (!data || !data.length) {
+        return null;
+    }
+    return (_jsx(Collapse, { in: isOpen, unmountOnExit: true, children: _jsxs(NestedRows, { "$level": level, "$isShowConnector": isShowConnector, children: [initialVisibleChildren.map((_a) => {
+                    var { children, options } = _a, nestedRow = __rest(_a, ["children", "options"]);
+                    const nestedRowId = nestedRow[keyId];
+                    return renderRow({
+                        key: nestedRowId,
+                        row: nestedRow,
+                        options,
+                        nestedChildren: children,
+                        level: nextLevel,
+                    });
+                }), isOpen && (_jsxs(_Fragment, { children: [_jsx(Collapse, { in: isShowAllChildren, component: "li", unmountOnExit: true, children: _jsx(NestedRows, { "$level": level, "$isShowConnector": isShowConnector, children: otherChildren.map((_a) => {
+                                    var { children, options } = _a, nestedRow = __rest(_a, ["children", "options"]);
+                                    const nestedRowId = nestedRow[keyId];
+                                    return renderRow({
+                                        key: nestedRowId,
+                                        row: nestedRow,
+                                        options,
+                                        nestedChildren: children,
+                                        level: nextLevel,
+                                        className: dataGridClassnames.hidden,
+                                    });
+                                }) }) }), isShowMoreButton && (_jsx(MoreButtonRow, { "$level": nextLevel, "$isShowConnector": isShowConnector, "$gridColumns": gridColumns, children: _jsx(MoreButton, { "$moreButtonColumnPosition": moreButtonColumnPosition, variant: "link", onClick: handleToggleShowAllChildren, children: isShowAllChildren ? 'Скрыть' : 'Показать все' }) }))] }))] }) }));
+});

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

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

package/components/DataGrid/Row/NestedChildren/index.js

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

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const NestedRows: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $level: number;
+    $isShowConnector: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const MoreButtonRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $level: number;
+    $isShowConnector: boolean;
+    $gridColumns: string;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const MoreButton: import("@emotion/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+    loading?: boolean | undefined;
+    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    component?: import("react").ElementType | undefined;
+    selected?: boolean | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    $moreButtonColumnPosition: number;
+}, {}, {}>;

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

@@ -0,0 +1,65 @@
+import { Button } from '../../../Button';
+import { styled } from '../../../styles';
+import { ROOT_ACTION_CELL_WIDTH, TREE_LINE_WIDTH } from '../../constants';
+export const NestedRows = styled('ul', {
+    shouldForwardProp: (prop) => !['$level', '$isShowConnector'].includes(prop),
+}) `
+  position: relative;
+
+  margin: 0;
+  padding: 0;
+
+  list-style: none;
+
+  &::before {
+    content: '';
+
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    transform: ${({ $level }) => `translateX(calc(${ROOT_ACTION_CELL_WIDTH}px * ${$level} - ${TREE_LINE_WIDTH}px))`};
+
+    display: ${({ $isShowConnector }) => ($isShowConnector ? 'block' : 'none')};
+
+    width: 0;
+    height: 100%;
+
+    border-left: 1px solid ${({ theme }) => theme.palette.grey[400]};
+  }
+`;
+export const MoreButtonRow = styled('li', {
+    shouldForwardProp: (prop) => !['$level', '$isShowConnector', '$gridColumns'].includes(prop),
+}) `
+  position: relative;
+
+  display: grid;
+  grid-template-columns: ${({ $gridColumns }) => $gridColumns};
+
+  height: 36px;
+  margin-left: ${({ $level }) => `${$level * ROOT_ACTION_CELL_WIDTH}px`};
+
+  &::before {
+    content: '';
+
+    position: absolute;
+    top: 0;
+    left: -${TREE_LINE_WIDTH}px;
+
+    display: ${({ $isShowConnector }) => ($isShowConnector ? 'block' : 'none')};
+
+    width: ${TREE_LINE_WIDTH}px;
+    height: 50%;
+
+    border-bottom: 1px solid ${({ theme }) => theme.palette.grey[400]};
+    border-left: 1px solid ${({ theme }) => theme.palette.grey[400]};
+    border-radius: 0 0 0 ${({ theme }) => theme.shape.small};
+  }
+`;
+export const MoreButton = styled(Button, {
+    shouldForwardProp: (prop) => !['$moreButtonColumnPosition'].includes(prop),
+}) `
+  grid-column: ${({ $moreButtonColumnPosition }) => $moreButtonColumnPosition};
+  justify-self: start;
+
+  margin: ${({ theme }) => theme.spacing(0, 2)};
+`;

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

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

package/components/DataGrid/Row/NestedChildren/useLogic/index.js

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

package/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, unknown>>({ 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/components/DataGrid/Row/NestedChildren/useLogic/useLogic.js

@@ -0,0 +1,25 @@
+import { useContext } from 'react';
+import { DataGridContext } from '../../../DataGridContext';
+import { Variant } from '../../../enums';
+export const useLogic = ({ rowId, data, level, variant, initialVisibleChildrenCount, }) => {
+    const { checkIsMoreOpened, toggleOpenMoreItems } = useContext(DataGridContext);
+    const isTreeVariant = Object.is(variant, Variant.Tree);
+    const nextLevel = isTreeVariant ? level + 1 : 0;
+    const initialVisibleChildren = data === null || data === void 0 ? void 0 : data.slice(0, initialVisibleChildrenCount);
+    const otherChildren = data === null || data === void 0 ? void 0 : data.slice(initialVisibleChildrenCount);
+    const isShowAllChildren = checkIsMoreOpened(rowId);
+    const isShowMoreButton = Boolean(otherChildren === null || otherChildren === void 0 ? void 0 : otherChildren.length);
+    const handleToggleShowAllChildren = (event) => {
+        event.stopPropagation();
+        toggleOpenMoreItems(rowId);
+    };
+    return {
+        isShowAllChildren,
+        isShowMoreButton,
+        isShowConnector: isTreeVariant,
+        initialVisibleChildren,
+        otherChildren,
+        nextLevel,
+        handleToggleShowAllChildren,
+    };
+};

package/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?: 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, unknown>>(props: RowProps<TData>) => JSX.Element;

package/components/DataGrid/Row/Row.js

@@ -0,0 +1,69 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Checkbox } from '../../Checkbox';
+import { useHidePersonalData } from '../../personalDataSecurity';
+import { Tooltip } from '../../Tooltip';
+import { DISABLE_ROW_ATTR } from './constants';
+import { NestedChildren } from './NestedChildren';
+import { CellStyled, CheckboxCell, ChevronIcon, CollapseButton, CollapseCell, ContentWrapper, Wrapper, } from './styles';
+import { useLogic } from './useLogic';
+import { checkIsDisabled } from './utils';
+export const Row = (props) => {
+    const { isOpen, isShowConnector, childrenColumns, rowId, handleToggle, checkboxProps, rowProps, tooltipProps, nestedChildrenProps, disabled, isRenderCollapseButton, } = useLogic(props);
+    const { className, row, options, variant, isSelectable, gridColumns, isInitialExpanded, expandedLevel, level, nestedChildren, initialVisibleChildrenCount, moreButtonColumnPosition, isVisibleCollapseButton, columns, emptyCellValue, selectedRows, activeRowId, keyId, onSelectRow, onRowClick } = props, 
+    // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
+    // Необходимы для DataGridInfinite
+    selfProps = __rest(props, ["className", "row", "options", "variant", "isSelectable", "gridColumns", "isInitialExpanded", "expandedLevel", "level", "nestedChildren", "initialVisibleChildrenCount", "moreButtonColumnPosition", "isVisibleCollapseButton", "columns", "emptyCellValue", "selectedRows", "activeRowId", "keyId", "onSelectRow", "onRowClick"]);
+    const { isDisabledLastCell = true, isNotSelectable } = options || {};
+    const renderStartAdornment = () => {
+        if (!isRenderCollapseButton && (!isSelectable || isNotSelectable)) {
+            return null;
+        }
+        return (_jsxs(_Fragment, { children: [isRenderCollapseButton && (_jsx(CollapseCell, { children: _jsx(CollapseButton, { variant: "text", onClick: handleToggle, children: _jsx(ChevronIcon, { "$isActive": isOpen }) }) })), isSelectable && !isNotSelectable && (_jsx(CheckboxCell, { inert: disabled ? '' : undefined, onClick: (event) => event.stopPropagation(), children: _jsx(Checkbox, Object.assign({}, checkboxProps)) }))] }));
+    };
+    const hidePersonalDataClassname = useHidePersonalData();
+    const renderCells = useCallback(() => {
+        const availableCellsByIndex = !isDisabledLastCell
+            ? [columns.length - 1]
+            : undefined;
+        return columns === null || columns === void 0 ? void 0 : columns.map((cell, index) => {
+            const cellId = `${rowId}-${index}`;
+            const isDisabledCell = checkIsDisabled(disabled, availableCellsByIndex, index);
+            const isFirstCell = !index;
+            return (_jsx(CellStyled, { "$level": isFirstCell ? level : 0, row: row, cell: cell, emptyCellValue: emptyCellValue, startAdornment: isFirstCell && renderStartAdornment(), isDisabled: isDisabledCell, className: cell.isHidePersonalData ? hidePersonalDataClassname : '' }, cellId));
+        });
+    }, [isOpen, columns, disabled]);
+    const renderRow = useCallback((_a) => {
+        var { key } = _a, nestedRowProps = __rest(_a, ["key"]);
+        return (_jsx(Row, Object.assign({ keyId: keyId }, nestedRowProps, { variant: variant, isSelectable: isSelectable, selectedRows: selectedRows, gridColumns: gridColumns, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, activeRowId: activeRowId, columns: childrenColumns, onSelectRow: onSelectRow, onRowClick: onRowClick }), key));
+    }, [
+        keyId,
+        variant,
+        isSelectable,
+        selectedRows,
+        gridColumns,
+        isInitialExpanded,
+        expandedLevel,
+        initialVisibleChildrenCount,
+        moreButtonColumnPosition,
+        activeRowId,
+        childrenColumns,
+        onSelectRow,
+        onRowClick,
+    ]);
+    return (_jsxs(Wrapper, Object.assign({ "$level": level, "$isShowConnector": isShowConnector, className: className }, selfProps, { children: [_jsx(Tooltip, Object.assign({ followCursor: true, arrow: false }, tooltipProps, { children: _jsx(ContentWrapper, Object.assign({ "$level": level, "$isShowConnector": isShowConnector, "$gridColumns": gridColumns, [DISABLE_ROW_ATTR]: disabled }, rowProps, { children: renderCells() })) })), _jsx(NestedChildren, Object.assign({}, nestedChildrenProps, { data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, 
+                // biome-ignore lint/suspicious/noTsIgnore: <>
+                // @ts-ignore
+                renderRow: renderRow }))] })));
+};

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

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

package/components/DataGrid/Row/RowContext/RowContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+export const RowContext = createContext({
+    isDisabled: false,
+    addDisabledRow: () => undefined,
+    removeDisabledRow: () => undefined,
+});

package/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) => JSX.Element;
+export {};

package/components/DataGrid/Row/RowContext/RowProvider/RowProvider.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { RowContext } from '../RowContext';
+export const RowContextProvider = ({ children }) => {
+    const [isDisabled, setDisabled] = useState(false);
+    const [disabledReason, setDisabledReason] = useState();
+    const addDisabledRow = (reason) => {
+        setDisabled(true);
+        setDisabledReason(reason);
+    };
+    const removeDisabledRow = () => {
+        setDisabled(false);
+        setDisabledReason(undefined);
+    };
+    return (_jsx(RowContext.Provider, { value: {
+            isDisabled,
+            disabledReason,
+            addDisabledRow,
+            removeDisabledRow,
+        }, children: children }));
+};

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

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

package/components/DataGrid/Row/RowContext/RowProvider/index.js

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

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

@@ -0,0 +1,2 @@
+export * from './RowContext';
+export * from './RowProvider';

package/components/DataGrid/Row/RowContext/index.js

@@ -0,0 +1,2 @@
+export * from './RowContext';
+export * from './RowProvider';

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

@@ -0,0 +1,4 @@
+export declare const DISABLE_ROW_ATTR = "data-row-disable";
+export declare const dataGridClassnames: {
+    hidden: string;
+};

package/components/DataGrid/Row/constants.js

@@ -0,0 +1,5 @@
+import { createUIKitClassname } from '../../utils';
+export const DISABLE_ROW_ATTR = 'data-row-disable';
+export const dataGridClassnames = {
+    hidden: createUIKitClassname('data-grid__row_hidden'),
+};

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

@@ -0,0 +1,2 @@
+export * from './Row';
+export * from './RowContext';

package/components/DataGrid/Row/index.js

@@ -0,0 +1,2 @@
+export * from './Row';
+export * from './RowContext';

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

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $isShowConnector: boolean;
+    $level: number;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $isShowConnector: boolean;
+    $isHovered?: boolean | undefined;
+    $isSelected?: boolean | undefined;
+    $gridColumns: string;
+    $level: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CellStyled: import("@emotion/styled").StyledComponent<import("../Cell").CellProps<Record<string, unknown>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    $level: number;
+}, {}, {}>;
+export declare const CheckboxCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CollapseCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CollapseButton: import("@emotion/styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+    loading?: boolean | undefined;
+    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    component?: import("react").ElementType | undefined;
+    selected?: boolean | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ChevronIcon: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    color?: string | undefined;
+    titleAccess?: string | undefined;
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    $isActive?: boolean | undefined;
+}, {}, {}>;