@semcore/data-table 16.0.1 → 16.0.2-prerelease.2

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

@@ -3,6 +3,7 @@ import { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';
 import { DTColumn } from '../Head/Column.types';
 import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
 import { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+import { DataTableCellProps } from './Cell.types';
 export type UniqRowKey = string;
 export type DTRow = {
     [UNIQ_ROW_KEY]: UniqRowKey;
@@ -15,6 +16,9 @@ export type DTRows = Array<DTRow | DTRow[]>;
 export type DataTableRowProps = {
     row: DTRow;
     mergedRow?: boolean;
+    isAccordionRow?: DataTableCellProps['isAccordionRow'];
+    animationExpand?: DataTableCellProps['animationExpand'];
+    accordionRowIndex?: DataTableCellProps['accordionRowIndex'];
 };
 export type RowPropsInner = JSX.IntrinsicElements['div'] & {
     use: DTUse;
@@ -41,6 +45,7 @@ export type RowPropsInner = JSX.IntrinsicElements['div'] & {
     selectedRows?: number[];
     onSelectRow?: (isSelect: boolean, selectedRowIndex: number, row: DTRow, event?: React.SyntheticEvent<HTMLElement>) => void;
     inert?: '';
+    accordionDuration?: number | [number, number];
     onBackFromAccordion: (colIndex: number) => void;
     scrollAreaRef: React.RefObject<HTMLDivElement>;
     uid: string;

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

@@ -100,6 +100,11 @@ export type DataTableProps<D extends DataTableData> = DataTableAriaProps & Sizes
      * For custom empty data widget.
      */
     renderEmptyData?: () => React.ReactNode;
+    /**
+     * Duration for collapse/expand accordion rows in tables in ms.
+     * @default 200
+     */
+    accordionDuration?: number | [number, number];
 };
 export type ColumnItemConfig = Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentProps<'div' | typeof Tooltip, 'div', DataTableColumnProps, {}, [
 ]>, 'children'> & {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ColumnGroupConfig, ColumnItemConfig, DataTableData, DataTableProps, DTUse, SortDirection } from '../DataTable/DataTable.types';
-import { Property } from 'csstype';
+import type { Property } from 'csstype';
 export type CommonColumnType = {
     /**
      * Name of column for mapping with data

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "16.0.1",
+  "version": "16.0.2-prerelease.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,14 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.1.0",
-    "@semcore/button": "16.0.0",
-    "@semcore/checkbox": "16.0.0",
-    "@semcore/flex-box": "16.0.0",
-    "@semcore/scroll-area": "16.0.0",
-    "@semcore/spin": "16.0.0",
-    "@semcore/tooltip": "16.0.0",
-    "@semcore/widget-empty": "16.0.0"
+    "@semcore/icon": "16.2.0-prerelease.2",
+    "@semcore/button": "16.0.1-prerelease.2",
+    "@semcore/checkbox": "16.0.1-prerelease.2",
+    "@semcore/flex-box": "16.0.1-prerelease.2",
+    "@semcore/scroll-area": "16.0.1-prerelease.2",
+    "@semcore/spin": "16.0.1-prerelease.2",
+    "@semcore/tooltip": "16.0.1-prerelease.2",
+    "@semcore/widget-empty": "16.0.1-prerelease.2"
   },
   "devDependencies": {
     "@types/react": "18.0.21",
@@ -37,11 +37,11 @@
     "@semcore/spin": "*",
     "@semcore/spin-container": "*",
     "@semcore/tooltip": "*",
-    "@types/node": "^18.16.15",
-    "csstype": "3.0.8"
+    "@types/node": "18.16.15",
+    "csstype": "3.1.3"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.0.1-prerelease.2"
   },
   "repository": {
     "type": "git",

package/vite.config.ts

@@ -9,6 +9,16 @@ export default mergeConfig(
       lib: {
         entry: './src/index.ts',
       },
+      rollupOptions: {
+        external: [
+          'react',
+          'react-dom',
+          'react/jsx-runtime',
+          /@babel\/runtime\/*/,
+          /@semcore\/*/,
+          'csstype',
+        ],
+      },
     },
   }),
 );