@snack-uikit/table 0.16.0 → 0.16.1-preview-e80dc58f.0

package/README.md

@@ -160,6 +160,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 |------|------|---------------|-------------|
 | actionsGenerator* | `ActionsGenerator<TData>` | - | Действия для строки |
 | pinned | `boolean` | - | Закрепление колонки справа в таблице |
+| dataTestId | `string` | - |  |
 ## ServerTable
 ### Props
 | name | type | default value | description |
@@ -205,6 +206,7 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 |------|------|---------------|-------------|
 | actionsGenerator* | `ActionsGenerator<TData>` | - | Действия для строки |
 | pinned | `boolean` | - | Закрепление колонки справа в таблице |
+| dataTestId | `string` | - |  |
 ## ServerTable.getStatusColumnDef
 Вспомогательная функция для создания ячейки со статусом
 ### Props

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

@@ -20,6 +20,7 @@ export type RowActionsColumnDefProps<TData> = {
     actionsGenerator: ActionsGenerator<TData>;
     /** Закрепление колонки справа в таблице */
     pinned?: boolean;
+    dataTestId?: string;
 };
 /** Вспомогательная функция для создания ячейки с дополнительными действиями у строки */
-export declare function getRowActionsColumnDef<TData>({ actionsGenerator, pinned, }: RowActionsColumnDefProps<TData>): ColumnDefinition<TData>;
+export declare function getRowActionsColumnDef<TData>({ actionsGenerator, pinned, dataTestId, }: RowActionsColumnDefProps<TData>): ColumnDefinition<TData>;

package/dist/helperComponents/Cells/RowActionsCell/RowActionsCell.js

@@ -7,7 +7,7 @@ import { Tag } from '@snack-uikit/tag';
 import { COLUMN_PIN_POSITION, TEST_IDS } from '../../../constants';
 import { useRowContext } from '../../contexts';
 import styles from './styles.module.css';
-function RowActionsCell({ row, actions }) {
+function RowActionsCell({ row, actions, dataTestId }) {
     const { droplistOpened, setDroplistOpen } = useRowContext();
     const triggerRef = useRef(null);
     const handleItemClick = (item) => (e) => {
@@ -33,10 +33,10 @@ function RowActionsCell({ row, actions }) {
                 beforeContent: item.icon,
                 afterContent: item.tagLabel ? _jsx(Tag, { label: item.tagLabel }) : undefined,
                 'data-test-id': item['data-test-id'] || TEST_IDS.rowActions.option,
-            })), children: _jsx("span", { className: styles.rowActionsCellTrigger, children: _jsx(ButtonFunction, { icon: _jsx(MoreSVG, { size: 24 }), "data-test-id": TEST_IDS.rowActions.droplistTrigger, ref: triggerRef }) }) })) }));
+            })), children: _jsx("span", { className: styles.rowActionsCellTrigger, children: _jsx(ButtonFunction, { icon: _jsx(MoreSVG, { size: 24 }), "data-test-id": dataTestId || TEST_IDS.rowActions.droplistTrigger, ref: triggerRef }) }) })) }));
 }
 /** Вспомогательная функция для создания ячейки с дополнительными действиями у строки */
-export function getRowActionsColumnDef({ actionsGenerator, pinned, }) {
+export function getRowActionsColumnDef({ actionsGenerator, pinned, dataTestId, }) {
     return {
         id: 'rowActions',
         pinned: pinned ? COLUMN_PIN_POSITION.Right : undefined,
@@ -47,6 +47,6 @@ export function getRowActionsColumnDef({ actionsGenerator, pinned, }) {
         noBodyCellPadding: true,
         cellClassName: styles.rowActionsCell,
         enableResizing: false,
-        cell: cell => _jsx(RowActionsCell, { row: cell.row, actions: actionsGenerator(cell) }),
+        cell: cell => _jsx(RowActionsCell, { row: cell.row, actions: actionsGenerator(cell), dataTestId: dataTestId }),
     };
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.16.0",
+  "version": "0.16.1-preview-e80dc58f.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -58,5 +58,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "baa0f9027fdf9f8f39673bb9fd403cb290b19bd3"
+  "gitHead": "1d4571726b733eb1e0b6725e83a95454ae1aa7a4"
 }

package/src/helperComponents/Cells/RowActionsCell/RowActionsCell.tsx

@@ -28,9 +28,10 @@ export type RowActionProps<TData> = Pick<BaseItemProps, 'content' | 'disabled' |
 type RowActionsCellProps<TData> = {
   actions: RowActionProps<TData>[];
   row: Row<TData>;
+  dataTestId?: string;
 };
 
-function RowActionsCell<TData>({ row, actions }: RowActionsCellProps<TData>) {
+function RowActionsCell<TData>({ row, actions, dataTestId }: RowActionsCellProps<TData>) {
   const { droplistOpened, setDroplistOpen } = useRowContext();
   const triggerRef = useRef(null);
 
@@ -76,7 +77,7 @@ function RowActionsCell<TData>({ row, actions }: RowActionsCellProps<TData>) {
           <span className={styles.rowActionsCellTrigger}>
             <ButtonFunction
               icon={<MoreSVG size={24} />}
-              data-test-id={TEST_IDS.rowActions.droplistTrigger}
+              data-test-id={dataTestId || TEST_IDS.rowActions.droplistTrigger}
               ref={triggerRef}
             />
           </span>
@@ -93,12 +94,14 @@ export type RowActionsColumnDefProps<TData> = {
   actionsGenerator: ActionsGenerator<TData>;
   /** Закрепление колонки справа в таблице */
   pinned?: boolean;
+  dataTestId?: string;
 };
 
 /** Вспомогательная функция для создания ячейки с дополнительными действиями у строки */
 export function getRowActionsColumnDef<TData>({
   actionsGenerator,
   pinned,
+  dataTestId,
 }: RowActionsColumnDefProps<TData>): ColumnDefinition<TData> {
   return {
     id: 'rowActions',
@@ -110,6 +113,6 @@ export function getRowActionsColumnDef<TData>({
     noBodyCellPadding: true,
     cellClassName: styles.rowActionsCell,
     enableResizing: false,
-    cell: cell => <RowActionsCell row={cell.row} actions={actionsGenerator(cell)} />,
+    cell: cell => <RowActionsCell row={cell.row} actions={actionsGenerator(cell)} dataTestId={dataTestId} />,
   };
 }