@cloud-ru/uikit-product-mobile-table 0.11.3 → 0.11.5

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.11.5 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@15.1.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-chips@0.8.38](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-chips/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-dropdown@0.9.23](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-dropdown/CHANGELOG.md)
+* [@cloud-ru/uikit-product-mobile-toolbar@0.4.5](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-toolbar/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.11.4 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.11.3 (2025-11-12)
 
 ### Only dependencies have been changed

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

@@ -0,0 +1,9 @@
+import { FiltersState } from '@sbercloud/uikit-product-mobile-chips';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { ServerTableProps } from '@snack-uikit/table';
+import { MobileTableProps } from '../MobileTable';
+export type AdaptiveServerTableProps<TData extends object, TFilters extends FiltersState> = Omit<ServerTableProps<TData, TFilters>, 'columnsSettings'> & Omit<MobileTableProps<TData, TFilters>, 'data'> & {
+    columnsSettings?: ServerTableProps<TData, TFilters>['columnsSettings'];
+};
+export declare function AdaptiveServerTable<TData extends object, TFilters extends FiltersState>({ layoutType, ...props }: WithLayoutType<AdaptiveServerTableProps<TData, TFilters>>): import("react/jsx-runtime").JSX.Element;
+export type { ServerTableProps, FiltersState };

package/dist/cjs/components/AdaptiveServerTable/AdaptiveServerTable.js

@@ -0,0 +1,52 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptiveServerTable = AdaptiveServerTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const table_1 = require("@snack-uikit/table");
+const constants_1 = require("../constants");
+const hooks_1 = require("../hooks");
+const MobileTable_1 = require("../MobileTable");
+const utils_1 = require("../utils");
+function AdaptiveServerTable(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    const { onChangePage, search: searchProp, pagination, items, total = constants_1.DEFAULT_PAGINATION_LIMIT, limit = constants_1.DEFAULT_PAGINATION_LIMIT, offset = 0 } = props, rest = __rest(props, ["onChangePage", "search", "pagination", "items", "total", "limit", "offset"]);
+    const { state: search, onStateChange: setSearch } = (0, hooks_1.useStateControl)(searchProp, '');
+    const [tempSearch, setTempSearch] = (0, react_1.useState)(search || '');
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if ((searchProp === null || searchProp === void 0 ? void 0 : searchProp.state) !== tempSearch) {
+            setTempSearch((_a = searchProp === null || searchProp === void 0 ? void 0 : searchProp.state) !== null && _a !== void 0 ? _a : '');
+        }
+        // Needs update only when prop changes
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [searchProp === null || searchProp === void 0 ? void 0 : searchProp.state]);
+    const handleSearch = (0, react_1.useCallback)((newValue) => {
+        setTempSearch(newValue);
+        (0, utils_1.onSearchDebounced)(newValue.trim(), setSearch);
+    }, [setSearch]);
+    const handlePageChange = (0, react_1.useCallback)(({ pageSize, pageIndex }) => onChangePage(pageIndex * pageSize, pageSize), [onChangePage]);
+    const pageIndex = (0, react_1.useMemo)(() => Math.floor(offset / limit), [limit, offset]);
+    const pageCount = (0, react_1.useMemo)(() => Math.ceil(total / limit), [limit, total]);
+    return isMobile ? ((0, jsx_runtime_1.jsx)(MobileTable_1.MobileTable, Object.assign({}, rest, { headerBackground: '1-level', data: items || [], pageCount: pageCount, pagination: Object.assign(Object.assign({}, pagination), { state: {
+                pageIndex,
+                pageSize: constants_1.DEFAULT_PAGE_SIZE,
+            }, onChange: handlePageChange }), search: {
+            state: tempSearch,
+            onChange: handleSearch,
+            loading: searchProp === null || searchProp === void 0 ? void 0 : searchProp.loading,
+            placeholder: searchProp === null || searchProp === void 0 ? void 0 : searchProp.placeholder,
+        }, manualPagination: true, manualFiltering: true, manualSorting: true }))) : ((0, jsx_runtime_1.jsx)(table_1.ServerTable, Object.assign({}, props)));
+}

package/dist/cjs/components/AdaptiveServerTable/index.d.ts

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

package/dist/cjs/components/AdaptiveServerTable/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("./AdaptiveServerTable"), exports);

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

@@ -0,0 +1,8 @@
+import { FiltersState } from '@sbercloud/uikit-product-mobile-chips';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { CellContext, ColumnDefinition, Table as DesktopTable, TableProps } from '@snack-uikit/table';
+import { MobileTableProps } from '../MobileTable';
+export type AdaptiveTableProps<TData extends object, TFilters extends FiltersState> = TableProps<TData, TFilters> & MobileTableProps<TData, TFilters>;
+export declare function AdaptiveTable<TState extends object, TFilters extends FiltersState>({ layoutType, ...props }: WithLayoutType<AdaptiveTableProps<TState, TFilters>>): import("react/jsx-runtime").JSX.Element;
+export declare const useAdaptiveGetRowActionsColumnDef: ({ layoutType }: WithLayoutType) => typeof DesktopTable.getRowActionsColumnDef;
+export type { TableProps, ColumnDefinition, CellContext };

package/dist/cjs/components/AdaptiveTable/AdaptiveTable.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAdaptiveGetRowActionsColumnDef = void 0;
+exports.AdaptiveTable = AdaptiveTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const table_1 = require("@snack-uikit/table");
+const MobileTable_1 = require("../MobileTable");
+function AdaptiveTable(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? (0, jsx_runtime_1.jsx)(MobileTable_1.MobileTable, Object.assign({ headerBackground: '1-level' }, props)) : (0, jsx_runtime_1.jsx)(table_1.Table, Object.assign({}, props));
+}
+const useAdaptiveGetRowActionsColumnDef = ({ layoutType }) => {
+    const isMobile = layoutType === 'mobile';
+    return (isMobile ? MobileTable_1.MobileTable.getRowActionsColumnDef : table_1.Table.getRowActionsColumnDef);
+};
+exports.useAdaptiveGetRowActionsColumnDef = useAdaptiveGetRowActionsColumnDef;

package/dist/cjs/components/AdaptiveTable/index.d.ts

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

package/dist/cjs/components/AdaptiveTable/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("./AdaptiveTable"), exports);

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

@@ -0,0 +1,12 @@
+import { FiltersState, MobileChipChoiceRowProps } from '@sbercloud/uikit-product-mobile-chips';
+import { WithSupportProps } from '@sbercloud/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' | 'toolbarAfter' | 'moreActions' | 'className' | 'enableFuzzySearch' | 'loading' | 'dataError' | 'dataFiltered' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'sorting' | 'pagination' | 'pageCount' | 'manualFiltering' | 'manualPagination' | 'manualSorting' | 'getRowId' | 'rowSelection' | 'bulkActions'> & WithSupportProps<{
+    headlineId?: string;
+    headerBackground?: 'default' | '1-level' | '2-level';
+    columnFilters?: MobileChipChoiceRowProps<FiltersState>;
+}>;
+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, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp, ...rest }: MobileTableProps<TData, TFilters>): import("react/jsx-runtime").JSX.Element;
+export declare namespace MobileTable {
+    var getRowActionsColumnDef: typeof import("../helperComponents").getRowActionsColumnDef;
+}

package/dist/cjs/components/MobileTable.js

@@ -0,0 +1,116 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileTable = MobileTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_table_1 = require("@tanstack/react-table");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_toolbar_1 = require("@sbercloud/uikit-product-mobile-toolbar");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const skeleton_1 = require("@snack-uikit/skeleton");
+const helperComponents_1 = require("../helperComponents");
+const constants_1 = require("./constants");
+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, getRowId, rowSelection: rowSelectionProp, bulkActions: bulkActionsProp } = _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", "getRowId", "rowSelection", "bulkActions"]);
+    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, '');
+    const { state: pagination, onStateChange: onPaginationChange } = (0, hooks_1.useStateControl)(paginationProp, defaultPaginationState);
+    const { state: rowSelection, onStateChange: onRowSelectionChange } = (0, hooks_1.useStateControl)(rowSelectionProp, {});
+    const enableRowSelection = (0, react_1.useCallback)((row) => {
+        const parent = row.getParentRow();
+        const isParentSelected = parent ? parent.getCanSelect() : true;
+        let isCurrentRowSelected = true;
+        if ((rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.enable) !== undefined) {
+            isCurrentRowSelected =
+                typeof rowSelectionProp.enable === 'boolean' ? rowSelectionProp.enable : rowSelectionProp.enable(row);
+        }
+        return isParentSelected && isCurrentRowSelected;
+    }, [rowSelectionProp]);
+    const table = (0, react_table_1.useReactTable)({
+        data,
+        columns: columnDefinitions,
+        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
+        getPaginationRowModel: (0, react_table_1.getPaginationRowModel)(),
+        getFilteredRowModel: (0, react_table_1.getFilteredRowModel)(),
+        getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
+        state: { pagination, globalFilter, sorting, rowSelection },
+        pageCount,
+        onPaginationChange,
+        onSortingChange,
+        globalFilterFn: enableFuzzySearch ? utils_1.fuzzyFilter : 'includesString',
+        enableFilters: true,
+        manualSorting,
+        manualPagination,
+        manualFiltering,
+        getRowId,
+        onRowSelectionChange,
+        enableGrouping: true,
+        enableRowSelection,
+        enableMultiRowSelection: (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.enable) && (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow),
+        enableSubRowSelection: true,
+    });
+    const { loadingTable } = (0, hooks_1.useLoadingTable)({
+        pageSize: constants_1.DEFAULT_PAGE_SIZE,
+        columnDefinitions,
+    });
+    const tableRows = table.getRowModel().rows;
+    const loadingTableRows = loadingTable.getRowModel().rows;
+    const { t } = (0, uikit_product_locale_1.useLocale)('Table');
+    const emptyStates = (0, helperComponents_1.useEmptyState)({ noDataState, noResultsState, errorDataState });
+    const handleOnRefresh = (0, react_1.useCallback)(() => {
+        table.resetRowSelection();
+        onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
+    }, [onRefresh, table]);
+    const enableSelection = Boolean(rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.enable);
+    const bulkActions = (0, react_1.useMemo)(() => enableSelection
+        ? bulkActionsProp === null || bulkActionsProp === void 0 ? void 0 : bulkActionsProp.map(action => (Object.assign(Object.assign({}, action), { onClick: () => { var _a; return (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, table.getState().rowSelection, table.resetRowSelection); } })))
+        : undefined, [bulkActionsProp, enableSelection, table]);
+    const handleOnToolbarCheck = (0, react_1.useCallback)(() => {
+        if (!loading && table.getTopRows().length) {
+            const centerRows = table.getCenterRows();
+            const isSomeRowsSelected = table.getIsSomePageRowsSelected();
+            const isAllCenterRowsSelected = centerRows.every(row => row.getIsSelected());
+            if (isAllCenterRowsSelected) {
+                table.resetRowSelection();
+                return;
+            }
+            centerRows.forEach(row => row.toggleSelected(isSomeRowsSelected ? true : undefined));
+            return;
+        }
+        if (!loading && (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow)) {
+            table.toggleAllPageRowsSelected();
+            return;
+        }
+    }, [loading, rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow, table]);
+    const selectionMode = (rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow)
+        ? 'multiple'
+        : 'single';
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.tableWrapper, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(!suppressToolbar || columnFilters) && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.header, "data-background": headerBackground, children: (0, jsx_runtime_1.jsx)(uikit_product_mobile_toolbar_1.MobileToolbar, { search: suppressSearch
+                        ? undefined
+                        : {
+                            value: globalFilter,
+                            onChange: onGlobalFilterChange,
+                            loading: search === null || search === void 0 ? void 0 : search.loading,
+                            placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || t('searchPlaceholder'),
+                        }, onRefresh: onRefresh ? handleOnRefresh : undefined, outline: true, filterRow: columnFilters, after: toolbarAfter, moreActions: moreActions, bulkActions: bulkActions, selectedCount: table.getSelectedRowModel().rows.length, selectionMode: selectionMode, onCheck: enableSelection ? handleOnToolbarCheck : undefined, checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected() }) })), (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, 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 })] })));
+}
+MobileTable.getRowActionsColumnDef = helperComponents_1.getRowActionsColumnDef;

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

@@ -0,0 +1,3 @@
+export declare const DEFAULT_PAGE_SIZE = 5;
+export declare const SEARCH_DELAY = 500;
+export declare const DEFAULT_PAGINATION_LIMIT = 10;

package/dist/cjs/components/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_PAGINATION_LIMIT = exports.SEARCH_DELAY = exports.DEFAULT_PAGE_SIZE = void 0;
+exports.DEFAULT_PAGE_SIZE = 5;
+exports.SEARCH_DELAY = 500;
+exports.DEFAULT_PAGINATION_LIMIT = 10;

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

@@ -0,0 +1,18 @@
+import { FiltersState } from '@sbercloud/uikit-product-mobile-chips';
+import { TableProps } from '@snack-uikit/table';
+export declare function useStateControl<TState>(control: {
+    initialState?: TState;
+    state?: TState;
+    onChange?(state: TState): void;
+} | undefined, defaultState: TState): {
+    state: TState;
+    onStateChange: import("uncontrollable").Handler;
+};
+type UseLoadingTableProps<TData extends object, TFilters extends FiltersState> = {
+    columnDefinitions: TableProps<TData, TFilters>['columnDefinitions'];
+    pageSize: number;
+};
+export declare function useLoadingTable<TData extends object, TFilters extends FiltersState>({ pageSize, columnDefinitions, }: UseLoadingTableProps<TData, TFilters>): {
+    loadingTable: import("@tanstack/react-table").Table<TData>;
+};
+export {};

package/dist/cjs/components/hooks.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStateControl = useStateControl;
+exports.useLoadingTable = useLoadingTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_table_1 = require("@tanstack/react-table");
+const react_1 = require("react");
+const uncontrollable_1 = require("uncontrollable");
+const skeleton_1 = require("@snack-uikit/skeleton");
+const constants_1 = require("../constants");
+function useStateControl(control, defaultState) {
+    var _a, _b;
+    const [state, onStateChange] = (0, uncontrollable_1.useUncontrolledProp)(control === null || control === void 0 ? void 0 : control.state, (_b = (_a = control === null || control === void 0 ? void 0 : control.state) !== null && _a !== void 0 ? _a : control === null || control === void 0 ? void 0 : control.initialState) !== null && _b !== void 0 ? _b : defaultState, (controlState) => {
+        var _a;
+        const newState = typeof controlState === 'function' ? controlState(state) : controlState;
+        (_a = control === null || control === void 0 ? void 0 : control.onChange) === null || _a === void 0 ? void 0 : _a.call(control, newState);
+    });
+    return {
+        state,
+        onStateChange,
+    };
+}
+function useLoadingTable({ pageSize, columnDefinitions, }) {
+    const data = (0, react_1.useMemo)(() => (Array.from({ length: pageSize }).map(() => ({})) || []), [pageSize]);
+    const columns = (0, react_1.useMemo)(() => columnDefinitions
+        .filter(column => column.id !== constants_1.ROW_ACTIONS_COLUMN_ID)
+        .map(column => (Object.assign(Object.assign({}, column), { cell: () => (0, jsx_runtime_1.jsx)(skeleton_1.SkeletonText, { lines: 1, width: '100%' }) }))), [columnDefinitions]);
+    const loadingTable = (0, react_table_1.useReactTable)({
+        data,
+        columns,
+        getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
+    });
+    return { loadingTable };
+}

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

@@ -0,0 +1,3 @@
+export * from './AdaptiveTable';
+export * from './AdaptiveServerTable';
+export * from './MobileTable';

package/dist/cjs/components/index.js

@@ -0,0 +1,19 @@
+"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("./AdaptiveTable"), exports);
+__exportStar(require("./AdaptiveServerTable"), exports);
+__exportStar(require("./MobileTable"), exports);

package/dist/cjs/components/styles.module.css

@@ -0,0 +1,42 @@
+.tableWrapper{
+  position:relative;
+  z-index:0;
+  margin-top:calc(-1 * var(--dimension-1m, 8px));
+}
+
+.header{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-1m, 8px);
+  position:sticky;
+  z-index:1;
+  top:0;
+  padding-top:var(--dimension-1m, 8px);
+  padding-bottom:var(--dimension-1m, 8px);
+  margin-bottom:calc(-1 * var(--dimension-1m, 8px));
+}
+.header[data-background=default]{
+  background-color:var(--sys-neutral-background, #eeeff3);
+}
+.header[data-background="1-level"]{
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+}
+.header[data-background="2-level"]{
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+}
+
+.table{
+  box-sizing:border-box;
+  border:var(--border-width-012m, 1px) solid var(--sys-neutral-decor-default, #dde0ea);
+  border-radius:var(--dimension-050m, 4px);
+  background:var(--sys-neutral-background1-level, #fdfdfd);
+  margin-top:var(--dimension-1m, 8px);
+}
+
+.filtersWrapper{
+  display:flex;
+  flex-wrap:wrap;
+  gap:var(--dimension-050m, 4px);
+  align-items:center;
+  justify-content:flex-start;
+}

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

@@ -0,0 +1,3 @@
+import { FilterFn } from '@tanstack/react-table';
+export declare const fuzzyFilter: FilterFn<any>;
+export declare const onSearchDebounced: import("lodash").DebouncedFunc<(newValue: string, onChange: (newValue: string) => void) => void>;

package/dist/cjs/components/utils.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onSearchDebounced = exports.fuzzyFilter = void 0;
+const match_sorter_utils_1 = require("@tanstack/match-sorter-utils");
+const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
+const constants_1 = require("./constants");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const fuzzyFilter = (row, columnId, value, addMeta) => {
+    const itemRank = (0, match_sorter_utils_1.rankItem)(row.getValue(columnId), value);
+    addMeta({
+        itemRank,
+    });
+    return itemRank.passed;
+};
+exports.fuzzyFilter = fuzzyFilter;
+exports.onSearchDebounced = (0, lodash_debounce_1.default)((newValue, onChange) => {
+    onChange(newValue);
+}, constants_1.SEARCH_DELAY);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,17 @@
+export declare const TEST_IDS: {
+    headerSortIndicator: string;
+    headerRow: string;
+    headerCell: string;
+    bodyRow: string;
+    bodyCell: string;
+    pinnedCells: string;
+    rowSelect: string;
+    rowActions: {
+        droplistTrigger: string;
+        droplist: string;
+        option: string;
+    };
+    statusIndicator: string;
+    statusLabel: string;
+};
+export declare const ROW_ACTIONS_COLUMN_ID = "rowActions";

package/dist/cjs/constants.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ROW_ACTIONS_COLUMN_ID = exports.TEST_IDS = void 0;
+exports.TEST_IDS = {
+    headerSortIndicator: 'table__header__sort-indicator',
+    headerRow: 'table__header-row',
+    headerCell: 'table__header-cell',
+    bodyRow: 'table__body-row',
+    bodyCell: 'table__body-cell',
+    pinnedCells: 'table__pinned-cells',
+    rowSelect: 'table__row-select',
+    rowActions: {
+        droplistTrigger: 'table__body-row__droplistTrigger',
+        droplist: 'table__body-row__actions-droplist',
+        option: 'list__base-item-option',
+    },
+    statusIndicator: 'table__status-indicator',
+    statusLabel: 'table__status-label',
+};
+exports.ROW_ACTIONS_COLUMN_ID = 'rowActions';

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

@@ -0,0 +1,13 @@
+import { CellContext } from '@tanstack/react-table';
+import { FiltersState } from '@sbercloud/uikit-product-mobile-chips';
+import { MobileDroplistProps } from '@sbercloud/uikit-product-mobile-dropdown';
+import { MobileTableProps } from '../../components';
+export type ActionsGenerator<TData> = (cell: CellContext<TData, unknown>) => MobileDroplistProps['items'];
+export type RowActionsColumnDefProps<TData> = {
+    /** Действия для строки */
+    actionsGenerator: ActionsGenerator<TData>;
+    /** Закрепление колонки справа в таблице */
+    pinned?: boolean;
+};
+/** Вспомогательная функция для создания ячейки с дополнительными действиями у строки */
+export declare function getRowActionsColumnDef<TData extends object, TFilters extends FiltersState>({ actionsGenerator, }: RowActionsColumnDefProps<TData>): MobileTableProps<TData, TFilters>['columnDefinitions'][0];

package/dist/cjs/helperComponents/RowActionsCell/RowActionsCell.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRowActionsColumnDef = getRowActionsColumnDef;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_mobile_dropdown_1 = require("@sbercloud/uikit-product-mobile-dropdown");
+const button_1 = require("@snack-uikit/button");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function RowActionsCell({ row, actions }) {
+    const [dropListOpened, setDropListOpen] = (0, react_1.useState)(false);
+    const patchItem = (0, react_1.useCallback)((item, cb) => {
+        if ((0, uikit_product_mobile_dropdown_1.isBaseItemProps)(item)) {
+            return Object.assign(Object.assign({}, item), { onClick(e) {
+                    var _a;
+                    (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, e);
+                    cb(e);
+                } });
+        }
+        return Object.assign(Object.assign({}, item), { items: item.items.map(i => patchItem(i, cb)) });
+    }, []);
+    const disabled = !row.getCanSelect();
+    const stopPropagationClick = (e) => {
+        e.stopPropagation();
+    };
+    const patchedItems = (0, react_1.useMemo)(() => actions.map(item => patchItem(item, () => setDropListOpen(false))), [actions, patchItem, setDropListOpen]);
+    return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    (0, jsx_runtime_1.jsx)("div", { onClick: stopPropagationClick, className: styles_module_scss_1.default.rowActionsCellWrap, "data-open": dropListOpened || undefined, children: !disabled && Boolean(actions.length) && ((0, jsx_runtime_1.jsx)(uikit_product_mobile_dropdown_1.MobileDroplist, { open: dropListOpened, onOpenChange: setDropListOpen, "data-test-id": constants_1.TEST_IDS.rowActions.droplist, items: patchedItems, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.MoreSVG, { size: 24 }), "data-test-id": constants_1.TEST_IDS.rowActions.droplistTrigger }) })) }));
+}
+/** Вспомогательная функция для создания ячейки с дополнительными действиями у строки */
+function getRowActionsColumnDef({ actionsGenerator, }) {
+    return {
+        id: constants_1.ROW_ACTIONS_COLUMN_ID,
+        meta: {
+            skipOnExport: true,
+        },
+        cell: cell => (0, jsx_runtime_1.jsx)(RowActionsCell, { row: cell.row, actions: actionsGenerator(cell) }),
+    };
+}

package/dist/cjs/helperComponents/RowActionsCell/index.d.ts

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

package/dist/cjs/helperComponents/RowActionsCell/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("./RowActionsCell"), exports);

package/dist/cjs/helperComponents/RowActionsCell/styles.module.css

@@ -0,0 +1,29 @@
+.rowActionsCell{
+  position:relative;
+  border-color:inherit;
+}
+.rowActionsCell::after{
+  pointer-events:none;
+  content:"";
+  position:absolute;
+  top:calc(0px - var(--border-width-table, 1px));
+  bottom:calc(0px - var(--border-width-table, 1px));
+  left:0;
+  box-sizing:border-box;
+  width:100%;
+  border-left:var(--border-width-table, 1px) solid;
+  border-color:inherit;
+}
+
+.rowActionsCellWrap{
+  --offset:0px;
+  cursor:pointer;
+  box-sizing:border-box;
+  width:100%;
+  height:100%;
+  padding-left:var(--space-table-cell-action-padding, 4px);
+  padding-right:var(--space-table-cell-action-padding, 4px);
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}