@cloud-ru/uikit-product-mobile-table 0.11.5 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/dist/cjs/components/AdaptiveServerTable/AdaptiveServerTable.d.ts +2 -2
- package/dist/cjs/components/AdaptiveTable/AdaptiveTable.d.ts +2 -2
- package/dist/cjs/components/MobileTable.d.ts +2 -2
- package/dist/cjs/components/MobileTable.js +3 -3
- package/dist/cjs/components/hooks.d.ts +1 -1
- package/dist/cjs/helperComponents/RowActionsCell/RowActionsCell.d.ts +2 -2
- package/dist/cjs/helperComponents/RowActionsCell/RowActionsCell.js +2 -2
- package/dist/cjs/helperComponents/TableEmptyState/hooks.js +2 -2
- package/dist/cjs/helperComponents/TableEmptyState/types.d.ts +2 -9
- package/dist/esm/components/AdaptiveServerTable/AdaptiveServerTable.d.ts +2 -2
- package/dist/esm/components/AdaptiveTable/AdaptiveTable.d.ts +2 -2
- package/dist/esm/components/MobileTable.d.ts +2 -2
- package/dist/esm/components/MobileTable.js +3 -3
- package/dist/esm/components/hooks.d.ts +1 -1
- package/dist/esm/helperComponents/RowActionsCell/RowActionsCell.d.ts +2 -2
- package/dist/esm/helperComponents/RowActionsCell/RowActionsCell.js +2 -2
- package/dist/esm/helperComponents/TableEmptyState/hooks.js +2 -2
- package/dist/esm/helperComponents/TableEmptyState/types.d.ts +2 -9
- package/package.json +8 -10
- package/src/helperComponents/TableEmptyState/types.ts +2 -10
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 0.12.0 (2025-11-21)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **IAM-5889:** up @snack-uikit/table deps ([8f56ef4](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/8f56ef440f8b8b9b17f953352deed0071f7d7ddb))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## 0.11.6 (2025-11-13)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
6
28
|
## 0.11.5 (2025-11-13)
|
|
7
29
|
|
|
8
30
|
### Only dependencies have been changed
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FiltersState } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { ServerTableProps } from '@snack-uikit/table';
|
|
4
4
|
import { MobileTableProps } from '../MobileTable';
|
|
5
5
|
export type AdaptiveServerTableProps<TData extends object, TFilters extends FiltersState> = Omit<ServerTableProps<TData, TFilters>, 'columnsSettings'> & Omit<MobileTableProps<TData, TFilters>, 'data'> & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FiltersState } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { CellContext, ColumnDefinition, Table as DesktopTable, TableProps } from '@snack-uikit/table';
|
|
4
4
|
import { MobileTableProps } from '../MobileTable';
|
|
5
5
|
export type AdaptiveTableProps<TData extends object, TFilters extends FiltersState> = TableProps<TData, TFilters> & MobileTableProps<TData, TFilters>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FiltersState, MobileChipChoiceRowProps } from '@
|
|
2
|
-
import { WithSupportProps } from '@
|
|
1
|
+
import { FiltersState, MobileChipChoiceRowProps } from '@cloud-ru/uikit-product-mobile-chips';
|
|
2
|
+
import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { TableProps } from '@snack-uikit/table';
|
|
4
4
|
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<{
|
|
5
5
|
headlineId?: string;
|
|
@@ -19,9 +19,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
19
19
|
const react_table_1 = require("@tanstack/react-table");
|
|
20
20
|
const classnames_1 = __importDefault(require("classnames"));
|
|
21
21
|
const react_1 = require("react");
|
|
22
|
-
const uikit_product_locale_1 = require("@
|
|
23
|
-
const uikit_product_mobile_toolbar_1 = require("@
|
|
24
|
-
const uikit_product_utils_1 = require("@
|
|
22
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
23
|
+
const uikit_product_mobile_toolbar_1 = require("@cloud-ru/uikit-product-mobile-toolbar");
|
|
24
|
+
const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
|
|
25
25
|
const skeleton_1 = require("@snack-uikit/skeleton");
|
|
26
26
|
const helperComponents_1 = require("../helperComponents");
|
|
27
27
|
const constants_1 = require("./constants");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FiltersState } from '@
|
|
1
|
+
import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
|
|
2
2
|
import { TableProps } from '@snack-uikit/table';
|
|
3
3
|
export declare function useStateControl<TState>(control: {
|
|
4
4
|
initialState?: TState;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CellContext } from '@tanstack/react-table';
|
|
2
|
-
import { FiltersState } from '@
|
|
3
|
-
import { MobileDroplistProps } from '@
|
|
2
|
+
import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
|
|
3
|
+
import { MobileDroplistProps } from '@cloud-ru/uikit-product-mobile-dropdown';
|
|
4
4
|
import { MobileTableProps } from '../../components';
|
|
5
5
|
export type ActionsGenerator<TData> = (cell: CellContext<TData, unknown>) => MobileDroplistProps['items'];
|
|
6
6
|
export type RowActionsColumnDefProps<TData> = {
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.getRowActionsColumnDef = getRowActionsColumnDef;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const react_1 = require("react");
|
|
9
|
-
const uikit_product_icons_1 = require("@
|
|
10
|
-
const uikit_product_mobile_dropdown_1 = require("@
|
|
9
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
10
|
+
const uikit_product_mobile_dropdown_1 = require("@cloud-ru/uikit-product-mobile-dropdown");
|
|
11
11
|
const button_1 = require("@snack-uikit/button");
|
|
12
12
|
const constants_1 = require("../../constants");
|
|
13
13
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useEmptyState = useEmptyState;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const uikit_product_icons_1 = require("@
|
|
6
|
-
const uikit_product_locale_1 = require("@
|
|
5
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
6
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
7
7
|
function useEmptyState({ noDataState: noDataStateProp, noResultsState: noResultsStateProp, errorDataState: errorDataStateProp, }) {
|
|
8
8
|
const { t } = (0, uikit_product_locale_1.useLocale)('Table');
|
|
9
9
|
return (0, react_1.useMemo)(() => {
|
|
@@ -1,9 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export type EmptyStateProps = {
|
|
4
|
-
title?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
icon?: Pick<IconPredefinedProps, 'icon' | 'decor' | 'appearance'>;
|
|
7
|
-
footer?: ReactNode;
|
|
8
|
-
className?: string;
|
|
9
|
-
};
|
|
1
|
+
import { InfoBlockProps } from '@snack-uikit/info-block';
|
|
2
|
+
export type EmptyStateProps = Pick<InfoBlockProps, 'title' | 'description' | 'icon' | 'footer' | 'className'>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FiltersState } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { ServerTableProps } from '@snack-uikit/table';
|
|
4
4
|
import { MobileTableProps } from '../MobileTable';
|
|
5
5
|
export type AdaptiveServerTableProps<TData extends object, TFilters extends FiltersState> = Omit<ServerTableProps<TData, TFilters>, 'columnsSettings'> & Omit<MobileTableProps<TData, TFilters>, 'data'> & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FiltersState } from '@
|
|
2
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { CellContext, ColumnDefinition, Table as DesktopTable, TableProps } from '@snack-uikit/table';
|
|
4
4
|
import { MobileTableProps } from '../MobileTable';
|
|
5
5
|
export type AdaptiveTableProps<TData extends object, TFilters extends FiltersState> = TableProps<TData, TFilters> & MobileTableProps<TData, TFilters>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FiltersState, MobileChipChoiceRowProps } from '@
|
|
2
|
-
import { WithSupportProps } from '@
|
|
1
|
+
import { FiltersState, MobileChipChoiceRowProps } from '@cloud-ru/uikit-product-mobile-chips';
|
|
2
|
+
import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { TableProps } from '@snack-uikit/table';
|
|
4
4
|
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<{
|
|
5
5
|
headlineId?: string;
|
|
@@ -13,9 +13,9 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
13
13
|
import { getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
|
|
14
14
|
import cn from 'classnames';
|
|
15
15
|
import { useCallback, useMemo } from 'react';
|
|
16
|
-
import { useLocale } from '@
|
|
17
|
-
import { MobileToolbar } from '@
|
|
18
|
-
import { extractSupportProps } from '@
|
|
16
|
+
import { useLocale } from '@cloud-ru/uikit-product-locale';
|
|
17
|
+
import { MobileToolbar } from '@cloud-ru/uikit-product-mobile-toolbar';
|
|
18
|
+
import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
19
19
|
import { SkeletonContextProvider } from '@snack-uikit/skeleton';
|
|
20
20
|
import { getRowActionsColumnDef, TableCard, TableEmptyState, TablePagination, useEmptyState, } from '../helperComponents';
|
|
21
21
|
import { DEFAULT_PAGE_SIZE } from './constants';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FiltersState } from '@
|
|
1
|
+
import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
|
|
2
2
|
import { TableProps } from '@snack-uikit/table';
|
|
3
3
|
export declare function useStateControl<TState>(control: {
|
|
4
4
|
initialState?: TState;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CellContext } from '@tanstack/react-table';
|
|
2
|
-
import { FiltersState } from '@
|
|
3
|
-
import { MobileDroplistProps } from '@
|
|
2
|
+
import { FiltersState } from '@cloud-ru/uikit-product-mobile-chips';
|
|
3
|
+
import { MobileDroplistProps } from '@cloud-ru/uikit-product-mobile-dropdown';
|
|
4
4
|
import { MobileTableProps } from '../../components';
|
|
5
5
|
export type ActionsGenerator<TData> = (cell: CellContext<TData, unknown>) => MobileDroplistProps['items'];
|
|
6
6
|
export type RowActionsColumnDefProps<TData> = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useMemo, useState } from 'react';
|
|
3
|
-
import { MoreSVG } from '@
|
|
4
|
-
import { isBaseItemProps, MobileDroplist } from '@
|
|
3
|
+
import { MoreSVG } from '@cloud-ru/uikit-product-icons';
|
|
4
|
+
import { isBaseItemProps, MobileDroplist } from '@cloud-ru/uikit-product-mobile-dropdown';
|
|
5
5
|
import { ButtonFunction } from '@snack-uikit/button';
|
|
6
6
|
import { ROW_ACTIONS_COLUMN_ID, TEST_IDS } from '../../constants';
|
|
7
7
|
import styles from './styles.module.css';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
|
-
import { CrossSVG, SearchSVG } from '@
|
|
3
|
-
import { useLocale } from '@
|
|
2
|
+
import { CrossSVG, SearchSVG } from '@cloud-ru/uikit-product-icons';
|
|
3
|
+
import { useLocale } from '@cloud-ru/uikit-product-locale';
|
|
4
4
|
export function useEmptyState({ noDataState: noDataStateProp, noResultsState: noResultsStateProp, errorDataState: errorDataStateProp, }) {
|
|
5
5
|
const { t } = useLocale('Table');
|
|
6
6
|
return useMemo(() => {
|
|
@@ -1,9 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export type EmptyStateProps = {
|
|
4
|
-
title?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
icon?: Pick<IconPredefinedProps, 'icon' | 'decor' | 'appearance'>;
|
|
7
|
-
footer?: ReactNode;
|
|
8
|
-
className?: string;
|
|
9
|
-
};
|
|
1
|
+
import { InfoBlockProps } from '@snack-uikit/info-block';
|
|
2
|
+
export type EmptyStateProps = Pick<InfoBlockProps, 'title' | 'description' | 'icon' | 'footer' | 'className'>;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloud-ru/uikit-product-mobile-table",
|
|
3
3
|
"title": "Mobile Table",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.12.0",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css",
|
|
7
7
|
"*.woff",
|
|
@@ -30,24 +30,22 @@
|
|
|
30
30
|
"name": "Akhremenko Grigorii",
|
|
31
31
|
"url": "https://github.com/AGrigorii"
|
|
32
32
|
},
|
|
33
|
-
"contributors": [],
|
|
34
33
|
"license": "Apache-2.0",
|
|
35
34
|
"publishConfig": {
|
|
36
35
|
"access": "public"
|
|
37
36
|
},
|
|
38
37
|
"scripts": {},
|
|
39
38
|
"dependencies": {
|
|
40
|
-
"@cloud-ru/uikit-product-icons": "15.1.
|
|
41
|
-
"@cloud-ru/uikit-product-mobile-chips": "0.8.
|
|
42
|
-
"@cloud-ru/uikit-product-mobile-dropdown": "0.9.
|
|
43
|
-
"@cloud-ru/uikit-product-mobile-toolbar": "0.4.
|
|
44
|
-
"@cloud-ru/uikit-product-utils": "7.0.
|
|
39
|
+
"@cloud-ru/uikit-product-icons": "15.1.4",
|
|
40
|
+
"@cloud-ru/uikit-product-mobile-chips": "0.8.39",
|
|
41
|
+
"@cloud-ru/uikit-product-mobile-dropdown": "0.9.24",
|
|
42
|
+
"@cloud-ru/uikit-product-mobile-toolbar": "0.4.6",
|
|
43
|
+
"@cloud-ru/uikit-product-utils": "7.0.3",
|
|
45
44
|
"@snack-uikit/button": "0.19.15",
|
|
46
|
-
"@snack-uikit/icon-predefined": "0.7.9",
|
|
47
45
|
"@snack-uikit/info-block": "0.6.31",
|
|
48
46
|
"@snack-uikit/pagination": "0.10.18",
|
|
49
47
|
"@snack-uikit/skeleton": "0.6.8",
|
|
50
|
-
"@snack-uikit/table": "0.
|
|
48
|
+
"@snack-uikit/table": "0.37.16",
|
|
51
49
|
"@snack-uikit/toggles": "0.13.20",
|
|
52
50
|
"@tanstack/match-sorter-utils": "8.19.4",
|
|
53
51
|
"@tanstack/react-table": "8.12.0",
|
|
@@ -61,5 +59,5 @@
|
|
|
61
59
|
"devDependencies": {
|
|
62
60
|
"@types/lodash.debounce": "4.0.9"
|
|
63
61
|
},
|
|
64
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "06337f66813c3cfb10b4bf2adfa14d4cdf24a805"
|
|
65
63
|
}
|
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { InfoBlockProps } from '@snack-uikit/info-block';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export type EmptyStateProps = {
|
|
6
|
-
title?: string;
|
|
7
|
-
description?: string;
|
|
8
|
-
icon?: Pick<IconPredefinedProps, 'icon' | 'decor' | 'appearance'>;
|
|
9
|
-
footer?: ReactNode;
|
|
10
|
-
className?: string;
|
|
11
|
-
};
|
|
3
|
+
export type EmptyStateProps = Pick<InfoBlockProps, 'title' | 'description' | 'icon' | 'footer' | 'className'>;
|