@semcore/data-table 16.5.2 → 16.5.3-prerelease.1

package/lib/types/components/Head/Column.types.d.ts

@@ -1,6 +1,7 @@
 import type { Property } from 'csstype';
 import type { BodyPropsInner } from '../Body/Body.types';
 import type { DataTableCellProps } from '../Body/Cell.types';
+import type { ROW_GROUP } from '../DataTable/DataTable';
 import type { ColumnGroupConfig, ColumnItemConfig, DataTableData, DataTableProps, DTUse, SortDirection } from '../DataTable/DataTable.types';
 export type CommonColumnType = {
     /**
@@ -61,7 +62,11 @@ export type DataTableColumnProps = CommonColumnType & {
      */
     changeSortSize?: boolean;
 };
-export type ColumnPropsInner<Data extends DataTableData, UniqKey extends keyof Data[number], UniqKeyType extends Data[number][UniqKey]> = {
+export type ColumnPropsInner<Data extends DataTableData, UniqKey extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]), UniqKeyType extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey])> = {
     use: DTUse;
     borders?: 'both' | 'left' | 'right';
     sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];

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

@@ -2,6 +2,7 @@ import type { ColumnPropsInner, DTColumn } from './Column.types';
 import type { BodyPropsInner } from '../Body/Body.types';
 import type { DataTableCellProps } from '../Body/Cell.types';
 import type { DTRow } from '../Body/Row.types';
+import type { ROW_GROUP } from '../DataTable/DataTable';
 import type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';
 export type DataTableHeadProps = {
     /**
@@ -24,7 +25,11 @@ export type DataTableHeadProps = {
     /** Outer ref for the header */
     ref?: React.Ref<HTMLDivElement>;
 };
-export type HeadPropsInner<Data extends DataTableData, UniqKey extends keyof Data[number], UniqKeyType extends Data[number][UniqKey]> = {
+export type HeadPropsInner<Data extends DataTableData, UniqKey extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]), UniqKeyType extends (Data[number] extends {
+    [ROW_GROUP]: DataTableData;
+} ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey])> = {
     use: DTUse;
     tableRef: React.RefObject<HTMLElement>;
     columns: DTColumn[];
@@ -41,7 +46,7 @@ export type HeadPropsInner<Data extends DataTableData, UniqKey extends keyof Dat
     sideIndents?: 'wide';
     totalRows: number;
     selectedRows?: UniqKeyType[];
-    onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;
+    onChangeSelectAll?: (selectedRows: UniqKeyType[], event?: React.SyntheticEvent<HTMLElement>) => void;
     flatRows: DTRow<UniqKeyType>[];
     getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
     onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];

package/lib/types/index.d.ts

@@ -1,5 +1,6 @@
 import type { Intergalactic } from '@semcore/core';
 import type React from 'react';
+import type { CellRenderProps } from './components/Body/Body.types';
 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';
@@ -9,4 +10,4 @@ export { MergedRowsCell, MergedColumnsCell, DataTable, ACCORDION, ROW_GROUP,
  * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.
  */
 UNIQ_ROW_KEY, wrapDataTable, };
-export type { DataTableSort, DataTableData, DataTableProps, DataTableChangeSort, ColumnGroupConfig, ColumnItemConfig, };
+export type { DataTableSort, DataTableData, DataTableProps, DataTableChangeSort, ColumnGroupConfig, ColumnItemConfig, CellRenderProps, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "16.5.2",
+  "version": "16.5.3-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.7.3",
+    "@semcore/icon": "16.7.4-prerelease.1",
     "@semcore/button": "16.0.12",
     "@semcore/checkbox": "16.2.1",
     "@semcore/flex-box": "16.0.11",
@@ -27,18 +27,18 @@
     "@types/node": "18.16.15",
     "csstype": "3.1.3",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-trigger": "16.4.5",
-    "@semcore/dropdown-menu": "16.2.1",
     "@semcore/typography": "16.3.2",
     "@semcore/accordion": "16.7.2",
-    "@semcore/divider": "16.0.11",
+    "@semcore/dropdown-menu": "16.2.2-prerelease.1",
+    "@semcore/base-trigger": "16.4.5",
     "@semcore/portal": "16.0.11",
-    "@semcore/progress-bar": "16.0.11",
+    "@semcore/divider": "16.0.11",
     "@semcore/skeleton": "16.0.11",
-    "@semcore/spin": "16.0.11",
     "@semcore/spin-container": "16.0.11",
-    "@semcore/tooltip": "16.0.11",
-    "@semcore/base-components": "16.4.2"
+    "@semcore/progress-bar": "16.0.11",
+    "@semcore/spin": "16.0.11",
+    "@semcore/base-components": "16.4.2",
+    "@semcore/tooltip": "16.0.11"
   },
   "peerDependencies": {
     "@semcore/base-components": "^16.0.0"