@semcore/data-table 16.3.0-prerelease.3 → 16.3.1-prerelease.5

package/lib/types/components/Body/Body.types.d.ts

@@ -61,7 +61,7 @@ export type BodyPropsInner<Data extends DataTableData, UniqKeyType> = DataTableB
     uid: string;
     rowProps?: (row: DTRow<UniqKeyType>, rowIndex: number) => Record<string, any> | undefined;
     renderCell?: (props: CellRenderProps<Data[number], UniqKeyType>) => React.ReactNode | Record<string, any>;
-    onBackFromAccordion: (colIndex: number) => void;
+    onBackFromAccordion: (colName: string) => void;
     stickyHeader?: boolean;
     selectedRows?: UniqKeyType[];
     onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow<UniqKeyType>, event?: React.SyntheticEvent<HTMLElement>) => void;
@@ -74,6 +74,7 @@ export type BodyPropsInner<Data extends DataTableData, UniqKeyType> = DataTableB
     accordionMode?: DataTableProps<any, any, any>['accordionMode'];
     shadowVertical?: '' | 'end' | 'start' | 'median';
     renderCellOverlay?: () => React.ReactNode;
+    totalRows?: number;
     variant?: DataTableProps<any, any, any>['variant'];
 };
 export type DataTableBodyType = (<Data extends DataTableData, UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableBodyProps<Data, UniqKeyType>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableBodyProps<any, any>>;

package/lib/types/components/Body/Row.d.ts

@@ -1,3 +1,43 @@
-export declare const Row: import("@semcore/core/lib/coreFactory").ComponentType<unknown, {}, {}, {
-    [key: string]: (arg: unknown) => void;
-}, null>;
+import { Component } from '@semcore/core';
+import * as React from 'react';
+import type { DataTableCellProps, DataTableCellType } from './Cell.types';
+import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
+import type { DataTableRowProps, DataTableRowType, DTRow, RowPropsInner } from './Row.types';
+import type { DataTableData, DTValue } from '../DataTable/DataTable.types';
+type State = {
+    expandedForAnimation: boolean;
+};
+export declare class RowRoot<Data extends DataTableData, UniqKeyType> extends Component<DataTableRowProps<Data, UniqKeyType>, {}, State, [], RowPropsInner<Data, UniqKeyType>> {
+    static displayName: string;
+    static style: {
+        [key: string]: string;
+    };
+    static defaultProps: {
+        'aria-level': undefined;
+    };
+    private cellName;
+    private closeAccordionTimeout;
+    rowElementRef: React.RefObject<HTMLDivElement>;
+    state: State;
+    constructor(props: DataTableRowProps<Data, UniqKeyType>);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    cellHasAccordion(cellValue?: DTValue | MergedColumnsCell | MergedRowsCell): cellValue is DTValue;
+    handleSelectRow: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;
+    handleClickCheckbox: (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => void;
+    handleBackFromAccordion: (e: React.KeyboardEvent) => void;
+    handleExpandRow: (row: DTRow<UniqKeyType>, index: number) => void;
+    closeAccordion: (row: DTRow<UniqKeyType>, closeDuration: number) => void;
+    handleClickRow(row: DTRow<UniqKeyType>): (e: React.SyntheticEvent) => void;
+    handleClickCell: (e: React.SyntheticEvent<HTMLElement>, opt: {
+        row: DTRow<UniqKeyType>;
+        rowIndex: number;
+    }) => void;
+    getCellProps(props: DataTableCellProps<UniqKeyType>): Record<string, any>;
+    render(): React.ReactNode;
+    private isReactNode;
+}
+export declare const Row: DataTableRowType & {
+    Cell: DataTableCellType;
+};
+export {};

package/lib/types/components/Body/Row.types.d.ts

@@ -1,33 +1,33 @@
 import type { Intergalactic } from '@semcore/core';
-import type { DataTableCellProps } from './Cell.types';
+import type * as React from 'react';
+import type { CellRenderProps } from './Body.types';
+import type { CellPropsInner, DataTableCellProps } from './Cell.types';
 import type { MergedColumnsCell, MergedRowsCell } from './MergedCells';
-import type { ACCORDION, IS_EMPTY_DATA_ROW, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
-import type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';
+import type { RowRoot } from './Row';
+import type { ACCORDION, GRID_ROW_INDEX, IS_EMPTY_DATA_ROW, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+import type { DTValue, DTUse, DataTableData, VirtualScroll, DataRowItem, DataTableProps } from '../DataTable/DataTable.types';
 import type { DTColumn } from '../Head/Column.types';
 export type DTRow<UniqKeyType> = {
     [UNIQ_ROW_KEY]: UniqKeyType;
     [IS_EMPTY_DATA_ROW]?: boolean;
+    [GRID_ROW_INDEX]: number;
     [ROW_INDEX]: number;
     [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;
     [ACCORDION]?: React.ReactNode | DataTableData | undefined;
     [ROW_GROUP]?: Set<UniqKeyType>;
 };
 export type DTRows<UniqKeyType> = Array<DTRow<UniqKeyType> | DTRow<UniqKeyType>[]>;
-export type DataTableRowProps<UniqKeyType> = {
+export type DataTableRowProps<Data extends DataTableData, UniqKeyType> = {
     row: DTRow<UniqKeyType>;
     mergedRow?: boolean;
     isAccordionRow?: DataTableCellProps<UniqKeyType>['isAccordionRow'];
     animationExpand?: DataTableCellProps<UniqKeyType>['animationExpand'];
     accordionRowIndex?: DataTableCellProps<UniqKeyType>['accordionRowIndex'];
     isNonInteractive?: boolean;
+    componentRef?: (component: RowRoot<Data, UniqKeyType> | null) => void;
 };
-export type RowPropsInner<UniqKeyType> = JSX.IntrinsicElements['div'] & {
+export type RowPropsInner<Data extends DataTableData, UniqKeyType> = JSX.IntrinsicElements['div'] & {
     use: DTUse;
-    /**
-     * Expanded flag for rows with accordion
-     * @default false
-     */
-    expanded?: boolean;
     /**
      * Flag to show is row in a merged list or not.
      */
@@ -35,22 +35,34 @@ export type RowPropsInner<UniqKeyType> = JSX.IntrinsicElements['div'] & {
     columns: DTColumn[];
     row: DTRow<UniqKeyType> | DTRow<UniqKeyType>[];
     rows: DTRows<UniqKeyType>;
+    flatRows: DTRow<UniqKeyType>[];
     rowIndex: number;
-    ariaRowIndex: number;
     gridRowIndex: number;
-    expandedRows: Set<UniqKeyType>;
     onExpandRow: (expandedRow: DTRow<UniqKeyType>) => void;
     gridTemplateAreas: string[];
     gridTemplateColumns: string[];
-    accordionDataGridArea: string;
     selectedRows?: UniqKeyType[];
     onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow<UniqKeyType>, event?: React.SyntheticEvent<HTMLElement>) => void;
     inert?: '';
     accordionDuration?: number | [number, number];
-    onBackFromAccordion: (colIndex: number) => void;
+    onBackFromAccordion: (colName: string) => void;
     scrollAreaRef: React.RefObject<HTMLDivElement>;
     uid: string;
     sideIndents?: 'wide';
     getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
+    renderCell?: (props: CellRenderProps<Data[number], UniqKeyType>) => React.ReactNode | Record<string, any>;
+    getI18nText: (key: string) => string;
+    virtualScroll?: VirtualScroll;
+    tableRef: React.RefObject<HTMLDivElement>;
+    onCellClick: CellPropsInner<Data, UniqKeyType>['onClick'];
+    rawData: DataRowItem[];
+    shadowVertical?: '' | 'end' | 'start' | 'median';
+    expandedRows: Set<UniqKeyType>;
+    accordionMode?: DataTableProps<any, any, any>['accordionMode'];
+    rowsHeightMap: Map<number, [number, number, HTMLElement]>;
+    setRowHeight: (index: number, row: DTRow<UniqKeyType>) => void;
+    componentsMap: Map<UniqKeyType, RowRoot<Data, UniqKeyType>>;
+    calculateAriaRowIndex: () => void;
+    variant?: DataTableProps<any, any, any>['variant'];
 };
-export type DataTableRowType = (<UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableRowProps<UniqKeyType>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableRowProps<any>>;
+export type DataTableRowType = (<Data extends DataTableData, UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableRowProps<Data, UniqKeyType>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableRowProps<any, any>>;

package/lib/types/components/DataTable/DataTable.d.ts

@@ -7,8 +7,8 @@ export declare const UNIQ_ROW_KEY: unique symbol;
 export declare const IS_EMPTY_DATA_ROW: unique symbol;
 export declare const SELECT_ALL: unique symbol;
 export declare const ROW_INDEX: unique symbol;
-export declare const DataTable: DataTableType;
-export declare const DataTableInternal: DataTableType & {
+export declare const GRID_ROW_INDEX: unique symbol;
+export declare const DataTable: DataTableType & {
     Head: typeof Head;
     Body: typeof Body;
 };

package/lib/types/index.d.ts

@@ -1,9 +1,10 @@
 import type { Intergalactic } from '@semcore/core';
 import type React from 'react';
+import { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';
 import { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';
 import type { DataTableSort, DataTableType, DataTableData, DataTableProps, DataTableChangeSort, ColumnGroupConfig, ColumnItemConfig } from './components/DataTable/DataTable.types';
 declare const wrapDataTable: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>> & PropsExtending) => React.ReactNode) => DataTableType;
-export { DataTable, ACCORDION, ROW_GROUP, 
+export { MergedRowsCell, MergedColumnsCell, DataTable, ACCORDION, ROW_GROUP, 
 /**
  * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "16.3.0-prerelease.3",
+  "version": "16.3.1-prerelease.5",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,34 +14,34 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.7.1-prerelease.3",
-    "@semcore/button": "16.0.9-prerelease.3",
-    "@semcore/checkbox": "16.1.3-prerelease.3",
-    "@semcore/flex-box": "16.0.9-prerelease.3",
-    "@semcore/scroll-area": "16.0.9-prerelease.3",
-    "@semcore/spin": "16.0.9-prerelease.3",
-    "@semcore/tooltip": "16.0.9-prerelease.3",
-    "@semcore/widget-empty": "16.0.9-prerelease.3"
+    "@semcore/icon": "16.7.1-prerelease.5",
+    "@semcore/button": "16.0.9-prerelease.5",
+    "@semcore/checkbox": "16.1.3-prerelease.5",
+    "@semcore/flex-box": "16.0.9-prerelease.5",
+    "@semcore/scroll-area": "16.0.9-prerelease.5",
+    "@semcore/spin": "16.0.9-prerelease.5",
+    "@semcore/tooltip": "16.0.9-prerelease.5",
+    "@semcore/widget-empty": "16.0.9-prerelease.5"
   },
   "devDependencies": {
     "@types/node": "18.16.15",
     "csstype": "3.1.3",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-trigger": "16.4.1-prerelease.3",
-    "@semcore/typography": "16.2.3-prerelease.3",
-    "@semcore/dropdown-menu": "16.1.10-prerelease.3",
-    "@semcore/accordion": "16.6.1-prerelease.3",
-    "@semcore/portal": "16.0.9-prerelease.3",
-    "@semcore/progress-bar": "16.0.9-prerelease.3",
-    "@semcore/spin": "16.0.9-prerelease.3",
-    "@semcore/spin-container": "16.0.9-prerelease.3",
-    "@semcore/skeleton": "16.0.9-prerelease.3",
-    "@semcore/divider": "16.0.9-prerelease.3",
-    "@semcore/tooltip": "16.0.9-prerelease.3",
-    "@semcore/base-components": "16.2.3-prerelease.3"
+    "@semcore/base-trigger": "16.4.1-prerelease.5",
+    "@semcore/dropdown-menu": "16.1.10-prerelease.5",
+    "@semcore/typography": "16.2.3-prerelease.5",
+    "@semcore/accordion": "16.6.1-prerelease.5",
+    "@semcore/divider": "16.0.9-prerelease.5",
+    "@semcore/portal": "16.0.9-prerelease.5",
+    "@semcore/progress-bar": "16.0.9-prerelease.5",
+    "@semcore/skeleton": "16.0.9-prerelease.5",
+    "@semcore/spin": "16.0.9-prerelease.5",
+    "@semcore/spin-container": "16.0.9-prerelease.5",
+    "@semcore/tooltip": "16.0.9-prerelease.5",
+    "@semcore/base-components": "16.2.3-prerelease.5"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.2.3-prerelease.3"
+    "@semcore/base-components": "^16.2.3-prerelease.5"
   },
   "repository": {
     "type": "git",