@cloud-ru/uikit-product-mobile-table 2.2.14 → 2.3.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 2.3.0 (2026-05-04)
+
+
+### Features
+
+* **PDS-3785:** added suppress header prop ([df11674](https://github.com/cloud-ru-tech/uikit-product/commit/df116741e1b44844fba7cb1cd0e43da75c6868e2))
+
+
+
+
+
 ## 2.2.14 (2026-04-30)
 
 ### Only dependencies have been changed

package/dist/cjs/components/MobileTable/MobileTable.d.ts

@@ -1,6 +1,6 @@
 import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
 import { MobileTableProps } from './types';
-export declare function MobileTable<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, columnDefinitions, headlineId, suppressPagination, suppressToolbar, suppressSearch, enableFuzzySearch, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground, noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, toolbarCheckBoxMode, ...rest }: MobileTableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
+export declare function MobileTable<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, columnDefinitions, headlineId, suppressPagination, suppressHeader, suppressToolbar, suppressSearch, enableFuzzySearch, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground, noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, toolbarCheckBoxMode, ...rest }: MobileTableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
 export declare namespace MobileTable {
     var getRowActionsColumnDef: typeof import("../../helperComponents").getRowActionsColumnDef;
     var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;

package/dist/cjs/components/MobileTable/MobileTable.js

@@ -30,7 +30,7 @@ const hooks_1 = require("./hooks");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_1 = require("./utils");
 function MobileTable(_a) {
-    var { data, columnDefinitions, headlineId, suppressPagination = false, suppressToolbar = false, suppressSearch = false, enableFuzzySearch = false, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground = 'default', noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting = false, manualPagination = false, manualFiltering = false, autoResetPageIndex = false, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, toolbarCheckBoxMode } = _a, rest = __rest(_a, ["data", "columnDefinitions", "headlineId", "suppressPagination", "suppressToolbar", "suppressSearch", "enableFuzzySearch", "search", "onRefresh", "toolbarAfter", "moreActions", "columnFilters", "className", "headerBackground", "noDataState", "noResultsState", "errorDataState", "loading", "dataError", "dataFiltered", "pagination", "pageCount", "sorting", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "getRowId", "rowSelection", "bulkActions", "columnsSettings", "savedState", "toolbarCheckBoxMode"]);
+    var { data, columnDefinitions, headlineId, suppressPagination = false, suppressHeader = false, suppressToolbar = false, suppressSearch = false, enableFuzzySearch = false, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground = 'default', noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting = false, manualPagination = false, manualFiltering = false, autoResetPageIndex = false, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, toolbarCheckBoxMode } = _a, rest = __rest(_a, ["data", "columnDefinitions", "headlineId", "suppressPagination", "suppressHeader", "suppressToolbar", "suppressSearch", "enableFuzzySearch", "search", "onRefresh", "toolbarAfter", "moreActions", "columnFilters", "className", "headerBackground", "noDataState", "noResultsState", "errorDataState", "loading", "dataError", "dataFiltered", "pagination", "pageCount", "sorting", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "getRowId", "rowSelection", "bulkActions", "columnsSettings", "savedState", "toolbarCheckBoxMode"]);
     const defaultPaginationState = (0, react_1.useMemo)(() => ({ pageIndex: 0, pageSize: constants_1.DEFAULT_PAGE_SIZE }), []);
     const { state: sorting, onStateChange: onSortingChange } = (0, hooks_1.useStateControl)(sortingProp, []);
     const { state: globalFilter, onStateChange: onGlobalFilterChange } = (0, hooks_1.useStateControl)(search, '');
@@ -216,7 +216,7 @@ function MobileTable(_a) {
                                 }
                             },
                         }
-                        : undefined }) })), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.table, children: loading ? ((0, jsx_runtime_1.jsx)(skeleton_1.SkeletonContextProvider, { loading: true, children: loadingTableRows.map((row, index) => ((0, jsx_runtime_1.jsx)(helperComponents_1.TableCard, { headlineId: headlineId, row: row, table: loadingTable, selection: 'none' }, index))) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [tableRows.map((row, index) => ((0, jsx_runtime_1.jsx)(helperComponents_1.TableCard, { headlineId: headlineId, row: row, table: table, selectionAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance, selection: enableSelection ? selectionMode : 'none' }, index))), (0, jsx_runtime_1.jsx)(helperComponents_1.TableEmptyState, { emptyStates: emptyStates, dataError: dataError, dataFiltered: dataFiltered || Boolean(table.getState().globalFilter), tableRowsLength: tableRows.length })] })) }), !suppressPagination && (0, jsx_runtime_1.jsx)(helperComponents_1.TablePagination, { table: table })] })));
+                        : undefined }) })), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.table, children: loading ? ((0, jsx_runtime_1.jsx)(skeleton_1.SkeletonContextProvider, { loading: true, children: loadingTableRows.map((row, index) => ((0, jsx_runtime_1.jsx)(helperComponents_1.TableCard, { headlineId: headlineId, row: row, table: loadingTable, selection: 'none', suppressHeader: suppressHeader }, index))) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [tableRows.map((row, index) => ((0, jsx_runtime_1.jsx)(helperComponents_1.TableCard, { headlineId: headlineId, row: row, table: table, selectionAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance, selection: enableSelection ? selectionMode : 'none', suppressHeader: suppressHeader }, index))), (0, jsx_runtime_1.jsx)(helperComponents_1.TableEmptyState, { emptyStates: emptyStates, dataError: dataError, dataFiltered: dataFiltered || Boolean(table.getState().globalFilter), tableRowsLength: tableRows.length })] })) }), !suppressPagination && (0, jsx_runtime_1.jsx)(helperComponents_1.TablePagination, { table: table })] })));
 }
 MobileTable.getRowActionsColumnDef = helperComponents_1.getRowActionsColumnDef;
 MobileTable.getStatusColumnDef = helperComponents_1.getStatusColumnDef;

package/dist/cjs/components/MobileTable/types.d.ts

@@ -1,7 +1,7 @@
 import { FiltersState, MobileChipChoiceRowProps } from '@cloud-ru/uikit-product-mobile-chips';
 import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { TableProps } from '@snack-uikit/table';
-export type MobileTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<TableProps<TData, TFilters>, 'data' | 'columnDefinitions' | 'suppressPagination' | 'suppressToolbar' | 'suppressSearch' | 'search' | 'onRefresh' | 'moreActions' | 'className' | 'enableFuzzySearch' | 'loading' | 'dataError' | 'dataFiltered' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'sorting' | 'pagination' | 'pageCount' | 'manualFiltering' | 'manualPagination' | 'manualSorting' | 'getRowId' | 'rowSelection' | 'bulkActions' | 'columnsSettings' | 'savedState' | 'autoResetPageIndex' | 'toolbarAfter' | 'toolbarCheckBoxMode'> & WithSupportProps<{
+export type MobileTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<TableProps<TData, TFilters>, 'data' | 'columnDefinitions' | 'suppressHeader' | 'suppressPagination' | 'suppressToolbar' | 'suppressSearch' | 'search' | 'onRefresh' | 'moreActions' | 'className' | 'enableFuzzySearch' | 'loading' | 'dataError' | 'dataFiltered' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'sorting' | 'pagination' | 'pageCount' | 'manualFiltering' | 'manualPagination' | 'manualSorting' | 'getRowId' | 'rowSelection' | 'bulkActions' | 'columnsSettings' | 'savedState' | 'autoResetPageIndex' | 'toolbarAfter' | 'toolbarCheckBoxMode'> & WithSupportProps<{
     headlineId?: string;
     headerBackground?: 'default' | '1-level' | '2-level';
     /** Фильтры */

package/dist/cjs/helperComponents/TableCard/TableCard.d.ts

@@ -6,6 +6,7 @@ type TableCardProps<TData extends object> = {
     table: Table<TData>;
     selection: 'multiple' | 'single' | 'none';
     selectionAppearance?: RowAppearance;
+    suppressHeader?: boolean;
 };
-export declare function TableCard<TData extends object>({ headlineId, table, row, selection, selectionAppearance, }: TableCardProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function TableCard<TData extends object>({ headlineId, table, row, selection, selectionAppearance, suppressHeader, }: TableCardProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/helperComponents/TableCard/TableCard.js

@@ -11,7 +11,7 @@ const table_1 = require("@snack-uikit/table");
 const toggles_1 = require("@snack-uikit/toggles");
 const constants_1 = require("../../constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function TableCard({ headlineId, table, row, selection, selectionAppearance = table_1.RowAppearance.Disabled, }) {
+function TableCard({ headlineId, table, row, selection, selectionAppearance = table_1.RowAppearance.Disabled, suppressHeader = false, }) {
     const headerGroups = table.getHeaderGroups();
     const headerCell = row._getAllCellsByColumnId()[headlineId !== null && headlineId !== void 0 ? headlineId : ''];
     const headerColumn = table.getFlatHeaders().find(header => header.id === headlineId);
@@ -36,7 +36,7 @@ function TableCard({ headlineId, table, row, selection, selectionAppearance = ta
                             }
                             const column = header.column.columnDef;
                             const cell = row._getAllCellsByColumnId()[header.column.id];
-                            return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.cardRow, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.cardRowHeader, children: (0, react_table_1.flexRender)(column.header, header.getContext()) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.cardRowContent, children: (0, react_table_1.flexRender)(column.cell, cell.getContext()) })] }, header.id || index));
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.cardRow, children: [!suppressHeader && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.cardRowHeader, children: (0, react_table_1.flexRender)(column.header, header.getContext()) })), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.cardRowContent, children: (0, react_table_1.flexRender)(column.cell, cell.getContext()) })] }, header.id || index));
                         })) })] }), selection === 'single' &&
                 (isDisabled && selectionAppearance === table_1.RowAppearance.HideToggler ? null : ((0, jsx_runtime_1.jsx)(toggles_1.Radio, { size: 'm', className: styles_module_scss_1.default.selectionController, checked: isSelected, disabled: isDisabled }))), selection === 'multiple' &&
                 (isDisabled && selectionAppearance === table_1.RowAppearance.HideToggler ? null : ((0, jsx_runtime_1.jsx)(toggles_1.Checkbox, { size: 'm', className: styles_module_scss_1.default.selectionController, checked: isSelected, disabled: isDisabled }))), actionsCell && actionsColumn && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.button, children: (0, react_table_1.flexRender)(actionsColumn.column.columnDef.cell, actionsCell.getContext()) }))] }));

package/dist/esm/components/MobileTable/MobileTable.d.ts

@@ -1,6 +1,6 @@
 import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
 import { MobileTableProps } from './types';
-export declare function MobileTable<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, columnDefinitions, headlineId, suppressPagination, suppressToolbar, suppressSearch, enableFuzzySearch, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground, noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, toolbarCheckBoxMode, ...rest }: MobileTableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
+export declare function MobileTable<TData extends object, TFilters extends FiltersState = Record<string, unknown>>({ data, columnDefinitions, headlineId, suppressPagination, suppressHeader, suppressToolbar, suppressSearch, enableFuzzySearch, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground, noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, toolbarCheckBoxMode, ...rest }: MobileTableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
 export declare namespace MobileTable {
     var getRowActionsColumnDef: typeof import("../../helperComponents").getRowActionsColumnDef;
     var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;

package/dist/esm/components/MobileTable/MobileTable.js

@@ -24,7 +24,7 @@ import { useFilters, useLoadingTable, useStateControl } from './hooks';
 import styles from './styles.module.css';
 import { fuzzyFilter, getPersistedStateValidator, mapPaginationToRequestPayload, mapPaginationToTableState, mapSortToRequestPayload, mapSortToTableState, } from './utils';
 export function MobileTable(_a) {
-    var { data, columnDefinitions, headlineId, suppressPagination = false, suppressToolbar = false, suppressSearch = false, enableFuzzySearch = false, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground = 'default', noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting = false, manualPagination = false, manualFiltering = false, autoResetPageIndex = false, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, toolbarCheckBoxMode } = _a, rest = __rest(_a, ["data", "columnDefinitions", "headlineId", "suppressPagination", "suppressToolbar", "suppressSearch", "enableFuzzySearch", "search", "onRefresh", "toolbarAfter", "moreActions", "columnFilters", "className", "headerBackground", "noDataState", "noResultsState", "errorDataState", "loading", "dataError", "dataFiltered", "pagination", "pageCount", "sorting", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "getRowId", "rowSelection", "bulkActions", "columnsSettings", "savedState", "toolbarCheckBoxMode"]);
+    var { data, columnDefinitions, headlineId, suppressPagination = false, suppressHeader = false, suppressToolbar = false, suppressSearch = false, enableFuzzySearch = false, search, onRefresh, toolbarAfter, moreActions, columnFilters, className, headerBackground = 'default', noDataState, noResultsState, errorDataState, loading, dataError, dataFiltered, pagination: paginationProp, pageCount, sorting: sortingProp, manualSorting = false, manualPagination = false, manualFiltering = false, autoResetPageIndex = false, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, columnsSettings: columnsSettingsProp, savedState, toolbarCheckBoxMode } = _a, rest = __rest(_a, ["data", "columnDefinitions", "headlineId", "suppressPagination", "suppressHeader", "suppressToolbar", "suppressSearch", "enableFuzzySearch", "search", "onRefresh", "toolbarAfter", "moreActions", "columnFilters", "className", "headerBackground", "noDataState", "noResultsState", "errorDataState", "loading", "dataError", "dataFiltered", "pagination", "pageCount", "sorting", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "getRowId", "rowSelection", "bulkActions", "columnsSettings", "savedState", "toolbarCheckBoxMode"]);
     const defaultPaginationState = useMemo(() => ({ pageIndex: 0, pageSize: DEFAULT_PAGE_SIZE }), []);
     const { state: sorting, onStateChange: onSortingChange } = useStateControl(sortingProp, []);
     const { state: globalFilter, onStateChange: onGlobalFilterChange } = useStateControl(search, '');
@@ -210,7 +210,7 @@ export function MobileTable(_a) {
                                 }
                             },
                         }
-                        : undefined }) })), _jsx("div", { className: styles.table, children: loading ? (_jsx(SkeletonContextProvider, { loading: true, children: loadingTableRows.map((row, index) => (_jsx(TableCard, { headlineId: headlineId, row: row, table: loadingTable, selection: 'none' }, index))) })) : (_jsxs(_Fragment, { children: [tableRows.map((row, index) => (_jsx(TableCard, { headlineId: headlineId, row: row, table: table, selectionAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance, selection: enableSelection ? selectionMode : 'none' }, index))), _jsx(TableEmptyState, { emptyStates: emptyStates, dataError: dataError, dataFiltered: dataFiltered || Boolean(table.getState().globalFilter), tableRowsLength: tableRows.length })] })) }), !suppressPagination && _jsx(TablePagination, { table: table })] })));
+                        : undefined }) })), _jsx("div", { className: styles.table, children: loading ? (_jsx(SkeletonContextProvider, { loading: true, children: loadingTableRows.map((row, index) => (_jsx(TableCard, { headlineId: headlineId, row: row, table: loadingTable, selection: 'none', suppressHeader: suppressHeader }, index))) })) : (_jsxs(_Fragment, { children: [tableRows.map((row, index) => (_jsx(TableCard, { headlineId: headlineId, row: row, table: table, selectionAppearance: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.appearance, selection: enableSelection ? selectionMode : 'none', suppressHeader: suppressHeader }, index))), _jsx(TableEmptyState, { emptyStates: emptyStates, dataError: dataError, dataFiltered: dataFiltered || Boolean(table.getState().globalFilter), tableRowsLength: tableRows.length })] })) }), !suppressPagination && _jsx(TablePagination, { table: table })] })));
 }
 MobileTable.getRowActionsColumnDef = getRowActionsColumnDef;
 MobileTable.getStatusColumnDef = getStatusColumnDef;

package/dist/esm/components/MobileTable/types.d.ts

@@ -1,7 +1,7 @@
 import { FiltersState, MobileChipChoiceRowProps } from '@cloud-ru/uikit-product-mobile-chips';
 import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { TableProps } from '@snack-uikit/table';
-export type MobileTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<TableProps<TData, TFilters>, 'data' | 'columnDefinitions' | 'suppressPagination' | 'suppressToolbar' | 'suppressSearch' | 'search' | 'onRefresh' | 'moreActions' | 'className' | 'enableFuzzySearch' | 'loading' | 'dataError' | 'dataFiltered' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'sorting' | 'pagination' | 'pageCount' | 'manualFiltering' | 'manualPagination' | 'manualSorting' | 'getRowId' | 'rowSelection' | 'bulkActions' | 'columnsSettings' | 'savedState' | 'autoResetPageIndex' | 'toolbarAfter' | 'toolbarCheckBoxMode'> & WithSupportProps<{
+export type MobileTableProps<TData extends object, TFilters extends FiltersState = Record<string, unknown>> = Pick<TableProps<TData, TFilters>, 'data' | 'columnDefinitions' | 'suppressHeader' | 'suppressPagination' | 'suppressToolbar' | 'suppressSearch' | 'search' | 'onRefresh' | 'moreActions' | 'className' | 'enableFuzzySearch' | 'loading' | 'dataError' | 'dataFiltered' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'sorting' | 'pagination' | 'pageCount' | 'manualFiltering' | 'manualPagination' | 'manualSorting' | 'getRowId' | 'rowSelection' | 'bulkActions' | 'columnsSettings' | 'savedState' | 'autoResetPageIndex' | 'toolbarAfter' | 'toolbarCheckBoxMode'> & WithSupportProps<{
     headlineId?: string;
     headerBackground?: 'default' | '1-level' | '2-level';
     /** Фильтры */

package/dist/esm/helperComponents/TableCard/TableCard.d.ts

@@ -6,6 +6,7 @@ type TableCardProps<TData extends object> = {
     table: Table<TData>;
     selection: 'multiple' | 'single' | 'none';
     selectionAppearance?: RowAppearance;
+    suppressHeader?: boolean;
 };
-export declare function TableCard<TData extends object>({ headlineId, table, row, selection, selectionAppearance, }: TableCardProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function TableCard<TData extends object>({ headlineId, table, row, selection, selectionAppearance, suppressHeader, }: TableCardProps<TData>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/helperComponents/TableCard/TableCard.js

@@ -5,7 +5,7 @@ import { RowAppearance } from '@snack-uikit/table';
 import { Checkbox, Radio } from '@snack-uikit/toggles';
 import { ROW_ACTIONS_COLUMN_ID } from '../../constants';
 import styles from './styles.module.css';
-export function TableCard({ headlineId, table, row, selection, selectionAppearance = RowAppearance.Disabled, }) {
+export function TableCard({ headlineId, table, row, selection, selectionAppearance = RowAppearance.Disabled, suppressHeader = false, }) {
     const headerGroups = table.getHeaderGroups();
     const headerCell = row._getAllCellsByColumnId()[headlineId !== null && headlineId !== void 0 ? headlineId : ''];
     const headerColumn = table.getFlatHeaders().find(header => header.id === headlineId);
@@ -30,7 +30,7 @@ export function TableCard({ headlineId, table, row, selection, selectionAppearan
                             }
                             const column = header.column.columnDef;
                             const cell = row._getAllCellsByColumnId()[header.column.id];
-                            return (_jsxs("div", { className: styles.cardRow, children: [_jsx("div", { className: styles.cardRowHeader, children: flexRender(column.header, header.getContext()) }), _jsx("div", { className: styles.cardRowContent, children: flexRender(column.cell, cell.getContext()) })] }, header.id || index));
+                            return (_jsxs("div", { className: styles.cardRow, children: [!suppressHeader && (_jsx("div", { className: styles.cardRowHeader, children: flexRender(column.header, header.getContext()) })), _jsx("div", { className: styles.cardRowContent, children: flexRender(column.cell, cell.getContext()) })] }, header.id || index));
                         })) })] }), selection === 'single' &&
                 (isDisabled && selectionAppearance === RowAppearance.HideToggler ? null : (_jsx(Radio, { size: 'm', className: styles.selectionController, checked: isSelected, disabled: isDisabled }))), selection === 'multiple' &&
                 (isDisabled && selectionAppearance === RowAppearance.HideToggler ? null : (_jsx(Checkbox, { size: 'm', className: styles.selectionController, checked: isSelected, disabled: isDisabled }))), actionsCell && actionsColumn && (_jsx("div", { className: styles.button, children: flexRender(actionsColumn.column.columnDef.cell, actionsCell.getContext()) }))] }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-mobile-table",
   "title": "Mobile Table",
-  "version": "2.2.14",
+  "version": "2.3.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -51,7 +51,7 @@
     "@snack-uikit/pagination": "0.10.24",
     "@snack-uikit/skeleton": "0.6.9",
     "@snack-uikit/status": "0.10.12",
-    "@snack-uikit/table": "0.38.5",
+    "@snack-uikit/table": "0.39.0",
     "@snack-uikit/toggles": "0.13.26",
     "@snack-uikit/toolbar": "0.14.22",
     "@snack-uikit/utils": "4.0.1",
@@ -67,5 +67,5 @@
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9"
   },
-  "gitHead": "46f40e7ec89f4173d660983a5f0368937d45bf9d"
+  "gitHead": "430a072c695d216d9e6666cd157bb630efd20198"
 }

package/src/components/MobileTable/MobileTable.tsx

@@ -53,6 +53,7 @@ export function MobileTable<TData extends object, TFilters extends FiltersState
   columnDefinitions,
   headlineId,
   suppressPagination = false,
+  suppressHeader = false,
   suppressToolbar = false,
   suppressSearch = false,
   enableFuzzySearch = false,
@@ -381,7 +382,14 @@ export function MobileTable<TData extends object, TFilters extends FiltersState
         {loading ? (
           <SkeletonContextProvider loading>
             {loadingTableRows.map((row, index) => (
-              <TableCard key={index} headlineId={headlineId} row={row} table={loadingTable} selection='none' />
+              <TableCard
+                key={index}
+                headlineId={headlineId}
+                row={row}
+                table={loadingTable}
+                selection='none'
+                suppressHeader={suppressHeader}
+              />
             ))}
           </SkeletonContextProvider>
         ) : (
@@ -394,6 +402,7 @@ export function MobileTable<TData extends object, TFilters extends FiltersState
                 table={table}
                 selectionAppearance={rowSelectionProp?.appearance}
                 selection={enableSelection ? selectionMode : 'none'}
+                suppressHeader={suppressHeader}
               />
             ))}
 

package/src/components/MobileTable/types.ts

@@ -6,6 +6,7 @@ export type MobileTableProps<TData extends object, TFilters extends FiltersState
   TableProps<TData, TFilters>,
   | 'data'
   | 'columnDefinitions'
+  | 'suppressHeader'
   | 'suppressPagination'
   | 'suppressToolbar'
   | 'suppressSearch'

package/src/helperComponents/TableCard/TableCard.tsx

@@ -13,6 +13,7 @@ type TableCardProps<TData extends object> = {
   table: Table<TData>;
   selection: 'multiple' | 'single' | 'none';
   selectionAppearance?: RowAppearance;
+  suppressHeader?: boolean;
 };
 
 export function TableCard<TData extends object>({
@@ -21,6 +22,7 @@ export function TableCard<TData extends object>({
   row,
   selection,
   selectionAppearance = RowAppearance.Disabled,
+  suppressHeader = false,
 }: TableCardProps<TData>) {
   const headerGroups = table.getHeaderGroups();
 
@@ -67,7 +69,9 @@ export function TableCard<TData extends object>({
 
               return (
                 <div className={styles.cardRow} key={header.id || index}>
-                  <div className={styles.cardRowHeader}>{flexRender(column.header, header.getContext())}</div>
+                  {!suppressHeader && (
+                    <div className={styles.cardRowHeader}>{flexRender(column.header, header.getContext())}</div>
+                  )}
                   <div className={styles.cardRowContent}>{flexRender(column.cell, cell.getContext())}</div>
                 </div>
               );