@snack-uikit/table 0.14.18 → 0.15.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.
 
+# 0.15.0 (2024-03-28)
+
+
+### Features
+
+* **PDS-0000:** add getRowId prop into table ([3e1a0a7](https://github.com/cloud-ru-tech/snack-uikit/commit/3e1a0a72fe6b54b24275cf553779063b01c62149))
+
+
+
+
+
 ## 0.14.18 (2024-03-26)
 
 ### Only dependencies have been changed

package/README.md

@@ -138,6 +138,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | manualSorting | `boolean` | - |  |
 | manualPagination | `boolean` | - |  |
 | manualFiltering | `boolean` | - |  |
+| getRowId | `(originalRow: TData, index: number, parent?: Row<TData>) => string` | - | Дополнительная функция используется для получения уникального идентификатора для любой заданной строки |
 | scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
 | scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 ## Table.getStatusColumnDef
@@ -188,6 +189,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | manualSorting | `boolean` | true |  |
 | manualPagination | `boolean` | true |  |
 | manualFiltering | `boolean` | true |  |
+| getRowId | `(originalRow: TData, index: number, parent?: Row<TData>) => string` | - | Дополнительная функция используется для получения уникального идентификатора для любой заданной строки |
 | scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
 | scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 | items | `TData[]` | - | Данные для отрисовки |

package/dist/components/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import { TableProps } from '../types';
 /** Компонент таблицы */
-export declare function Table<TData extends object>({ data, columnDefinitions, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize, pageCount, loading, outline, moreActions, exportFileName, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, toolbarBefore, toolbarAfter, suppressPagination, manualSorting, manualPagination, manualFiltering, scrollRef, scrollContainerRef, ...rest }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData extends object>({ data, columnDefinitions, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize, pageCount, loading, outline, moreActions, exportFileName, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, toolbarBefore, toolbarAfter, suppressPagination, manualSorting, manualPagination, manualFiltering, scrollRef, scrollContainerRef, getRowId, ...rest }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;
     var statusAppearances: {

package/dist/components/Table/Table.js

@@ -27,7 +27,7 @@ import { useStateControl } from './hooks/useStateControl';
 import styles from './styles.module.css';
 /** Компонент таблицы */
 export function Table(_a) {
-    var { data, columnDefinitions, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize = DEFAULT_PAGE_SIZE, pageCount, loading = false, outline = false, moreActions, exportFileName, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar = false, toolbarBefore, toolbarAfter, suppressPagination = false, manualSorting = false, manualPagination = false, manualFiltering = false, scrollRef, scrollContainerRef } = _a, rest = __rest(_a, ["data", "columnDefinitions", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "onDelete", "pageSize", "pageCount", "loading", "outline", "moreActions", "exportFileName", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "toolbarBefore", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "scrollRef", "scrollContainerRef"]);
+    var { data, columnDefinitions, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize = DEFAULT_PAGE_SIZE, pageCount, loading = false, outline = false, moreActions, exportFileName, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar = false, toolbarBefore, toolbarAfter, suppressPagination = false, manualSorting = false, manualPagination = false, manualFiltering = false, scrollRef, scrollContainerRef, getRowId } = _a, rest = __rest(_a, ["data", "columnDefinitions", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "onDelete", "pageSize", "pageCount", "loading", "outline", "moreActions", "exportFileName", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "toolbarBefore", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "scrollRef", "scrollContainerRef", "getRowId"]);
     const { state: globalFilter, onStateChange: onGlobalFilterChange } = useStateControl(search, '');
     const { state: rowSelection, onStateChange: onRowSelectionChange } = useStateControl(rowSelectionProp, {});
     const defaultPaginationState = useMemo(() => ({
@@ -77,6 +77,7 @@ export function Table(_a) {
         manualFiltering,
         globalFilterFn: fuzzyFilter,
         onGlobalFilterChange,
+        getRowId,
         onRowSelectionChange,
         enableRowSelection: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.enable,
         enableMultiRowSelection: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow,

package/dist/components/types.d.ts

@@ -1,4 +1,4 @@
-import { PaginationState, RowSelectionOptions, RowSelectionState, SortingState } from '@tanstack/react-table';
+import { PaginationState, Row, RowSelectionOptions, RowSelectionState, SortingState } from '@tanstack/react-table';
 import { ReactNode, RefObject } from 'react';
 import { ToolbarProps } from '@snack-uikit/toolbar';
 import { WithSupportProps } from '@snack-uikit/utils';
@@ -101,6 +101,8 @@ export type TableProps<TData extends object> = WithSupportProps<{
     manualSorting?: boolean;
     manualPagination?: boolean;
     manualFiltering?: boolean;
+    /** Дополнительная функция используется для получения уникального идентификатора для любой заданной строки */
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
     /** Ссылка на элемент, обозначающий самый конец прокручиваемого списка */
     scrollRef?: RefObject<HTMLElement>;
     /** Ссылка на контейнер, который скроллится */

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.14.18",
+  "version": "0.15.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -58,5 +58,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "234be77560f8bd1b3a4b567e2ec88f3a89c3631f"
+  "gitHead": "f3c3682c0026d9f78f51af0b9c8095a9377d6513"
 }

package/src/components/Table/Table.tsx

@@ -75,6 +75,7 @@ export function Table<TData extends object>({
   manualFiltering = false,
   scrollRef,
   scrollContainerRef,
+  getRowId,
 
   ...rest
 }: TableProps<TData>) {
@@ -141,6 +142,7 @@ export function Table<TData extends object>({
     globalFilterFn: fuzzyFilter,
     onGlobalFilterChange,
 
+    getRowId,
     onRowSelectionChange,
     enableRowSelection: rowSelectionProp?.enable,
     enableMultiRowSelection: rowSelectionProp?.multiRow,

package/src/components/types.ts

@@ -1,4 +1,4 @@
-import { PaginationState, RowSelectionOptions, RowSelectionState, SortingState } from '@tanstack/react-table';
+import { PaginationState, Row, RowSelectionOptions, RowSelectionState, SortingState } from '@tanstack/react-table';
 import { ReactNode, RefObject } from 'react';
 
 import { ToolbarProps } from '@snack-uikit/toolbar';
@@ -122,6 +122,9 @@ export type TableProps<TData extends object> = WithSupportProps<{
   manualPagination?: boolean;
   manualFiltering?: boolean;
 
+  /** Дополнительная функция используется для получения уникального идентификатора для любой заданной строки */
+  getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
+
   /** Ссылка на элемент, обозначающий самый конец прокручиваемого списка */
   scrollRef?: RefObject<HTMLElement>;
   /** Ссылка на контейнер, который скроллится */