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

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

@@ -10,7 +10,7 @@ import { DTRow } from '../Body/Row.types';
  * Datatable must have an accessible name (aria-table-name).
  * It should describe table content.
  */
-type DataTableAriaProps = Intergalactic.RequireAtLeastOne<{
+export type DataTableAriaProps = Intergalactic.RequireAtLeastOne<{
     'aria-label'?: string;
     'aria-labelledby'?: string;
     title?: string;
@@ -30,7 +30,7 @@ export interface DTValue {
 }
 export type DataTableData = DataRowItem[];
 export type DTUse = 'primary' | 'secondary';
-type Sizes = Pick<BoxProps, 'w' | 'wMax' | 'wMin' | 'h' | 'hMax' | 'hMin'>;
+export type Sizes = Pick<BoxProps, 'w' | 'wMax' | 'wMin' | 'h' | 'hMax' | 'hMin'>;
 export type DataTableProps<D extends DataTableData> = DataTableAriaProps & Sizes & {
     /** Data for table */
     data: D;
@@ -56,7 +56,7 @@ export type DataTableProps<D extends DataTableData> = DataTableAriaProps & Sizes
     /**
      * Size of paddings for the first and last columns in the table
      */
-    sideIndents?: 'l';
+    sideIndents?: 'wide';
     /**
      * Flag for showing spinner on table body
      */
@@ -74,6 +74,10 @@ export type DataTableProps<D extends DataTableData> = DataTableAriaProps & Sizes
          * @default false
          */
         sticky?: boolean;
+        /**
+         * Height of header in px. It's better to set it to improve performance with sticky header.
+         */
+        h?: number;
         /**
          * offset for sticky header
          */
@@ -92,6 +96,9 @@ export type DataTableProps<D extends DataTableData> = DataTableAriaProps & Sizes
         isSelected: boolean;
         row: DTRow;
     }) => void;
+    /**
+     * For custom empty data widget.
+     */
     renderEmptyData?: () => React.ReactNode;
 };
 export type ColumnItemConfig = Intergalactic.InternalTypings.EfficientOmit<Intergalactic.InternalTypings.ComponentProps<'div' | typeof Tooltip, 'div', DataTableColumnProps, {}, [

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

@@ -17,6 +17,7 @@ export declare class Column<D extends DataTableData> extends Component<DataTable
     state: State;
     componentDidMount(): void;
     componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): void;
+    changeTemplateColumnBySort(): void;
     calculateActiveColumnMinWidth: () => number | null;
     get defaultDirection(): SortDirection;
     handleMouseEnter: () => void;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColumnGroupConfig, DataTableData, DataTableProps, DTUse, SortDirection } from '../DataTable/DataTable.types';
+import { ColumnGroupConfig, ColumnItemConfig, DataTableData, DataTableProps, DTUse, SortDirection } from '../DataTable/DataTable.types';
 import { Property } from 'csstype';
 export type CommonColumnType = {
     /**
@@ -35,25 +35,14 @@ export type CommonColumnType = {
      */
     justifyContent?: Property.JustifyContent;
 };
-export type DTColumn = CommonColumnType & {
-    ref: React.RefCallback<HTMLElement> & {
-        current: HTMLElement | null;
-    };
+export type DTColumn = ColumnItemConfig & CommonColumnType & {
     /**
      * Width for grid-template-columns
      */
-    gridColumnWidth: string;
-    /**
-     * Width of column by getBoundaryRect() value
-     */
-    calculatedWidth: number;
-    /**
-     * Height of column by getBoundaryRect() value
-     */
-    calculatedHeight: number;
+    gtcWidth: string;
     parent?: DTColumn | ColumnGroupConfig;
     columns?: DTColumn[];
-    children: React.ReactNode;
+    children?: React.ReactNode | React.FC;
     gridArea?: string;
 };
 export type DataTableColumnProps = CommonColumnType & {

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Intergalactic } from '@semcore/core';
 import { DataTableHeadProps } from './Head.types';
-import Tooltip from '@semcore/tooltip';
+import type Tooltip from '@semcore/tooltip';
 import { DataTableColumnProps } from './Column.types';
 import { DataTableGroupProps } from './Group.type';
 export declare const Head: (<Tag extends Intergalactic.InternalTypings.ComponentTag = "div", Props extends DataTableHeadProps = DataTableHeadProps>(props: Intergalactic.InternalTypings.ComponentProps<Tag, "div", Props, {}, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"div", Intergalactic.InternalTypings.ComponentTag, DataTableHeadProps, {}, never[]> & {
@@ -46,7 +46,7 @@ export declare const Head: (<Tag extends Intergalactic.InternalTypings.Component
             disableEnforceFocus?: boolean | undefined;
         } & {
             title?: React.ReactNode;
-            theme?: "warning" | "default" | "invert" | undefined;
+            theme?: "default" | "warning" | "invert" | undefined;
             interaction?: "none" | "hover" | "click" | "focus" | import("@semcore/base-components").eventInteraction | undefined;
         } & import("@semcore/tooltip").ArrowCustom, import("@semcore/base-components").PopperContext, never[]>;
     }) = "div">(props: Intergalactic.InternalTypings.ComponentProps<Tag_1, "div", DataTableColumnProps, {}, []>) => Intergalactic.InternalTypings.ComponentRenderingResults;
@@ -91,7 +91,7 @@ export declare const Head: (<Tag extends Intergalactic.InternalTypings.Component
             disableEnforceFocus?: boolean | undefined;
         } & {
             title?: React.ReactNode;
-            theme?: "warning" | "default" | "invert" | undefined;
+            theme?: "default" | "warning" | "invert" | undefined;
             interaction?: "none" | "hover" | "click" | "focus" | import("@semcore/base-components").eventInteraction | undefined;
         } & import("@semcore/tooltip").ArrowCustom, import("@semcore/base-components").PopperContext, never[]>;
     }) = "div">(props: Intergalactic.InternalTypings.ComponentProps<Tag_3, "div", DataTableGroupProps, {}, []>) => Intergalactic.InternalTypings.ComponentRenderingResults;

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

@@ -11,6 +11,10 @@ export type DataTableHeadProps = {
      * offset for sticky header
      */
     top?: number;
+    /**
+     * Height of header in px
+     */
+    h?: number;
     /** Enable scroll bar element in header */
     withScrollBar?: boolean;
 };
@@ -28,8 +32,9 @@ export type HeadPropsInner<D extends DataTableData> = {
     gridAreaGroupMap: Map<number, string>;
     gridTemplateColumns: string[];
     gridTemplateAreas: string[];
-    sideIndents?: 'l';
+    sideIndents?: 'wide';
     totalRows: number;
     selectedRows?: number[];
     onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;
+    getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "16.0.0",
+  "version": "16.0.1-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.0.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.1.0-prerelease.2",
+    "@semcore/button": "16.0.0-prerelease.2",
+    "@semcore/checkbox": "16.0.0-prerelease.2",
+    "@semcore/flex-box": "16.0.0-prerelease.2",
+    "@semcore/scroll-area": "16.0.0-prerelease.2",
+    "@semcore/spin": "16.0.0-prerelease.2",
+    "@semcore/tooltip": "16.0.0-prerelease.2",
+    "@semcore/widget-empty": "16.0.0-prerelease.2"
   },
   "devDependencies": {
     "@types/react": "18.0.21",
@@ -41,7 +41,7 @@
     "csstype": "3.0.8"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.0.0-prerelease.2"
   },
   "repository": {
     "type": "git",

package/lib/cjs/utils.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getScrollOffsetValue = exports.getFixedStyle = exports.flattenColumns = exports.createCssVarForWidth = void 0;
-var getScrollOffsetValue = function getScrollOffsetValue(columns) {
-  return columns.reduce(function (acc, column) {
-    if (column.fixed === 'left') {
-      acc[0] += column.calculatedWidth;
-    }
-    if (column.fixed === 'right') {
-      acc[1] += column.calculatedWidth;
-    }
-    return acc;
-  }, [0, 0]);
-};
-exports.getScrollOffsetValue = getScrollOffsetValue;
-var cssVarReg = /[:;\W]/g;
-var createCssVarForWidth = function createCssVarForWidth(name) {
-  return "--".concat(name.replace(cssVarReg, '_'), "_width");
-};
-
-/**
- * todo: Remove after v16
- */
-exports.createCssVarForWidth = createCssVarForWidth;
-var flattenColumns = function flattenColumns(columns) {
-  return columns.reduce(function (acc, column) {
-    var hasNestedColumns = 'columns' in column && column.columns.length > 0;
-    var columns = hasNestedColumns ? flattenColumns(column.columns) : [column];
-    acc = acc.concat(columns);
-    return acc;
-  }, []);
-};
-exports.flattenColumns = flattenColumns;
-var getFixedStyle = function getFixedStyle(cell, columns) {
-  var side = cell.fixed;
-  if (!side) return [undefined, undefined];
-  var names = cell.name.split('/');
-  var nameSideMap = {
-    left: names[0],
-    right: names[names.length - 1]
-  };
-  var name = nameSideMap[side];
-  var index = columns.findIndex(function (column) {
-    return column.name === name;
-  });
-  if (index === -1) return [undefined, undefined];
-  var startIndexSideMap = {
-    left: 0,
-    right: index + 1
-  };
-  var endIndexSideMap = {
-    left: index,
-    right: columns.length
-  };
-  var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
-  if (columnsFixed.length < 1) return [side, 0];
-  var sum = columnsFixed.reduce(function (acc, column) {
-    return acc + column.calculatedWidth;
-  }, 0);
-  return [side, "".concat(sum, "px")];
-};
-exports.getFixedStyle = getFixedStyle;
-//# sourceMappingURL=utils.js.map

package/lib/cjs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","calculatedWidth","exports","cssVarReg","createCssVarForWidth","name","concat","replace","flattenColumns","hasNestedColumns","length","getFixedStyle","cell","side","undefined","names","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","sum"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { DTColumn } from './components/Head/Column.types';\n\nexport const getScrollOffsetValue = (columns: DTColumn[]) =>\n  columns.reduce(\n    (acc, column) => {\n      if (column.fixed === 'left') {\n        acc[0] += column.calculatedWidth;\n      }\n      if (column.fixed === 'right') {\n        acc[1] += column.calculatedWidth;\n      }\n      return acc;\n    },\n    [0, 0] as [leftOffset: number, rightOffset: number],\n  );\n\nconst cssVarReg = /[:;\\W]/g;\n\nexport const createCssVarForWidth = (name: string) => {\n  return `--${name.replace(cssVarReg, '_')}_width`;\n};\n\n/**\n * todo: Remove after v16\n */\nexport const flattenColumns = (columns: any[]) =>\n  columns.reduce((acc, column) => {\n    const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n    const columns: any[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n    acc = acc.concat(columns);\n    return acc;\n  }, [] as any[]);\n\nexport const getFixedStyle = (\n  cell: Pick<DTColumn, 'name' | 'fixed'>,\n  columns: DTColumn[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n  const side = cell.fixed;\n  if (!side) return [undefined, undefined];\n  const names = cell.name.split('/');\n  const nameSideMap = {\n    left: names[0],\n    right: names[names.length - 1],\n  };\n  const name = nameSideMap[side];\n  const index = columns.findIndex((column) => column.name === name);\n\n  if (index === -1) return [undefined, undefined];\n\n  const startIndexSideMap = {\n    left: 0,\n    right: index + 1,\n  };\n  const endIndexSideMap = {\n    left: index,\n    right: columns.length,\n  };\n  const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n  if (columnsFixed.length < 1) return [side, 0];\n\n  const sum = columnsFixed.reduce((acc, column) => acc + column.calculatedWidth, 0);\n  return [side, `${sum}px`];\n};\n"],"mappings":"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"}

package/lib/es6/utils.js

@@ -1,56 +0,0 @@
-export var getScrollOffsetValue = function getScrollOffsetValue(columns) {
-  return columns.reduce(function (acc, column) {
-    if (column.fixed === 'left') {
-      acc[0] += column.calculatedWidth;
-    }
-    if (column.fixed === 'right') {
-      acc[1] += column.calculatedWidth;
-    }
-    return acc;
-  }, [0, 0]);
-};
-var cssVarReg = /[:;\W]/g;
-export var createCssVarForWidth = function createCssVarForWidth(name) {
-  return "--".concat(name.replace(cssVarReg, '_'), "_width");
-};
-
-/**
- * todo: Remove after v16
- */
-export var flattenColumns = function flattenColumns(columns) {
-  return columns.reduce(function (acc, column) {
-    var hasNestedColumns = 'columns' in column && column.columns.length > 0;
-    var columns = hasNestedColumns ? flattenColumns(column.columns) : [column];
-    acc = acc.concat(columns);
-    return acc;
-  }, []);
-};
-export var getFixedStyle = function getFixedStyle(cell, columns) {
-  var side = cell.fixed;
-  if (!side) return [undefined, undefined];
-  var names = cell.name.split('/');
-  var nameSideMap = {
-    left: names[0],
-    right: names[names.length - 1]
-  };
-  var name = nameSideMap[side];
-  var index = columns.findIndex(function (column) {
-    return column.name === name;
-  });
-  if (index === -1) return [undefined, undefined];
-  var startIndexSideMap = {
-    left: 0,
-    right: index + 1
-  };
-  var endIndexSideMap = {
-    left: index,
-    right: columns.length
-  };
-  var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
-  if (columnsFixed.length < 1) return [side, 0];
-  var sum = columnsFixed.reduce(function (acc, column) {
-    return acc + column.calculatedWidth;
-  }, 0);
-  return [side, "".concat(sum, "px")];
-};
-//# sourceMappingURL=utils.js.map

package/lib/es6/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["getScrollOffsetValue","columns","reduce","acc","column","fixed","calculatedWidth","cssVarReg","createCssVarForWidth","name","concat","replace","flattenColumns","hasNestedColumns","length","getFixedStyle","cell","side","undefined","names","split","nameSideMap","left","right","index","findIndex","startIndexSideMap","endIndexSideMap","columnsFixed","slice","sum"],"sources":["../../src/utils.ts"],"sourcesContent":["import type { DTColumn } from './components/Head/Column.types';\n\nexport const getScrollOffsetValue = (columns: DTColumn[]) =>\n  columns.reduce(\n    (acc, column) => {\n      if (column.fixed === 'left') {\n        acc[0] += column.calculatedWidth;\n      }\n      if (column.fixed === 'right') {\n        acc[1] += column.calculatedWidth;\n      }\n      return acc;\n    },\n    [0, 0] as [leftOffset: number, rightOffset: number],\n  );\n\nconst cssVarReg = /[:;\\W]/g;\n\nexport const createCssVarForWidth = (name: string) => {\n  return `--${name.replace(cssVarReg, '_')}_width`;\n};\n\n/**\n * todo: Remove after v16\n */\nexport const flattenColumns = (columns: any[]) =>\n  columns.reduce((acc, column) => {\n    const hasNestedColumns = 'columns' in column && column.columns.length > 0;\n    const columns: any[] = hasNestedColumns ? flattenColumns(column.columns) : [column];\n    acc = acc.concat(columns);\n    return acc;\n  }, [] as any[]);\n\nexport const getFixedStyle = (\n  cell: Pick<DTColumn, 'name' | 'fixed'>,\n  columns: DTColumn[],\n): [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined] => {\n  const side = cell.fixed;\n  if (!side) return [undefined, undefined];\n  const names = cell.name.split('/');\n  const nameSideMap = {\n    left: names[0],\n    right: names[names.length - 1],\n  };\n  const name = nameSideMap[side];\n  const index = columns.findIndex((column) => column.name === name);\n\n  if (index === -1) return [undefined, undefined];\n\n  const startIndexSideMap = {\n    left: 0,\n    right: index + 1,\n  };\n  const endIndexSideMap = {\n    left: index,\n    right: columns.length,\n  };\n  const columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);\n\n  if (columnsFixed.length < 1) return [side, 0];\n\n  const sum = columnsFixed.reduce((acc, column) => acc + column.calculatedWidth, 0);\n  return [side, `${sum}px`];\n};\n"],"mappings":"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"}

package/lib/esm/utils.mjs

@@ -1,43 +0,0 @@
-var getScrollOffsetValue = function getScrollOffsetValue2(columns) {
-  return columns.reduce(function(acc, column) {
-    if (column.fixed === "left") {
-      acc[0] += column.calculatedWidth;
-    }
-    if (column.fixed === "right") {
-      acc[1] += column.calculatedWidth;
-    }
-    return acc;
-  }, [0, 0]);
-};
-var getFixedStyle = function getFixedStyle2(cell, columns) {
-  var side = cell.fixed;
-  if (!side) return [void 0, void 0];
-  var names = cell.name.split("/");
-  var nameSideMap = {
-    left: names[0],
-    right: names[names.length - 1]
-  };
-  var name = nameSideMap[side];
-  var index = columns.findIndex(function(column) {
-    return column.name === name;
-  });
-  if (index === -1) return [void 0, void 0];
-  var startIndexSideMap = {
-    left: 0,
-    right: index + 1
-  };
-  var endIndexSideMap = {
-    left: index,
-    right: columns.length
-  };
-  var columnsFixed = columns.slice(startIndexSideMap[side], endIndexSideMap[side]);
-  if (columnsFixed.length < 1) return [side, 0];
-  var sum = columnsFixed.reduce(function(acc, column) {
-    return acc + column.calculatedWidth;
-  }, 0);
-  return [side, "".concat(sum, "px")];
-};
-export {
-  getFixedStyle,
-  getScrollOffsetValue
-};

package/lib/types/utils.d.ts

@@ -1,8 +0,0 @@
-import type { DTColumn } from './components/Head/Column.types';
-export declare const getScrollOffsetValue: (columns: DTColumn[]) => [leftOffset: number, rightOffset: number];
-export declare const createCssVarForWidth: (name: string) => string;
-/**
- * todo: Remove after v16
- */
-export declare const flattenColumns: (columns: any[]) => any;
-export declare const getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>, columns: DTColumn[]) => [side: "left" | "right", style: string | number] | [side: undefined, style: undefined];