@synerise/ds-table 1.7.7 → 1.8.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.8.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.7.8...@synerise/ds-table@1.8.0) (2026-01-15)
+
+### Features
+
+- **table:** allow tooltip on rows / cells / selection checkbox ([a86a1b8](https://github.com/synerise/synerise-design/commit/a86a1b8fb520fbfe89049c29e375fe8818cb029e))
+
+## [1.7.8](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.7.7...@synerise/ds-table@1.7.8) (2026-01-12)
+
+**Note:** Version bump only for package @synerise/ds-table
+
 ## [1.7.7](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.7.6...@synerise/ds-table@1.7.7) (2026-01-07)
 
 **Note:** Version bump only for package @synerise/ds-table

package/dist/Cell/AvatarLabel/AvatarLabel.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type AvatarLabelProps } from './AvatarLabel.types';
-declare const AvatarLabel: ({ avatar, avatarAction, avatarLink, title, labels, icon, ellipsis, maxWidth, avatarSize, loader, ...htmlAttributes }: AvatarLabelProps) => React.JSX.Element;
+declare const AvatarLabel: ({ avatar, avatarAction, avatarLink, title, labels, icon, ellipsis, maxWidth, avatarSize, loader, disabled, ...htmlAttributes }: AvatarLabelProps) => React.JSX.Element;
 export default AvatarLabel;

package/dist/Cell/AvatarLabel/AvatarLabel.js

@@ -1,4 +1,4 @@
-var _excluded = ["avatar", "avatarAction", "avatarLink", "title", "labels", "icon", "ellipsis", "maxWidth", "avatarSize", "loader"];
+var _excluded = ["avatar", "avatarAction", "avatarLink", "title", "labels", "icon", "ellipsis", "maxWidth", "avatarSize", "loader", "disabled"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
@@ -15,6 +15,7 @@ var AvatarLabel = function AvatarLabel(_ref) {
     maxWidth = _ref.maxWidth,
     avatarSize = _ref.avatarSize,
     loader = _ref.loader,
+    disabled = _ref.disabled,
     htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var titleEllipsisProps = ellipsis ? {
     ellipsis: {
@@ -43,6 +44,7 @@ var AvatarLabel = function AvatarLabel(_ref) {
     }, label);
   })), loader && /*#__PURE__*/React.createElement(S.Loader, null, loader)));
   return /*#__PURE__*/React.createElement(S.AvatarLabel, _extends({}, htmlAttributes, {
+    isDisabled: disabled,
     onClick: avatarAction
   }), avatarLink ? /*#__PURE__*/React.createElement(S.AvatarLink, {
     href: avatarLink,

package/dist/Cell/AvatarLabel/AvatarLabel.styles.d.ts

@@ -1,5 +1,6 @@
 export declare const AvatarLabel: import("styled-components").StyledComponent<"div", any, {
     onClick?: () => void;
+    isDisabled?: boolean;
 }, never>;
 export declare const Avatar: import("styled-components").StyledComponent<"div", any, {
     clickable: boolean;

package/dist/Cell/AvatarLabel/AvatarLabel.styles.js

@@ -3,7 +3,9 @@ import { Text } from '@synerise/ds-typography';
 export var AvatarLabel = styled.div.withConfig({
   displayName: "AvatarLabelstyles__AvatarLabel",
   componentId: "sc-1485c9p-0"
-})(["display:inline-flex;min-width:0;align-items:center;justify-content:flex-start;max-width:100%;", ";"], function (props) {
+})(["display:inline-flex;min-width:0;align-items:center;justify-content:flex-start;max-width:100%;", ";", ";"], function (props) {
+  return props.isDisabled && 'opacity: 0.4';
+}, function (props) {
   return props.onClick !== undefined ? 'cursor: pointer' : '';
 });
 export var Avatar = styled.div.withConfig({

package/dist/Cell/AvatarLabel/AvatarLabel.types.d.ts

@@ -12,6 +12,7 @@ export type AvatarLabelProps = WithHTMLAttributes<HTMLDivElement, {
     maxWidth?: number;
     avatarSize?: string | 'large';
     loader?: ReactElement;
+    disabled?: boolean;
 }>;
 /**
  *  @deprecated

package/dist/Cell/StatusLabel/StatusLabel.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { StatusLabelProps } from './StatusLabel.types';
-declare const StatusLabelCell: ({ status, label, customColor, ...htmlAttributes }: StatusLabelProps) => React.JSX.Element;
+declare const StatusLabelCell: ({ status, label, customColor, disabled, ...htmlAttributes }: StatusLabelProps) => React.JSX.Element;
 export default StatusLabelCell;

package/dist/Cell/StatusLabel/StatusLabel.js

@@ -1,4 +1,5 @@
-var _excluded = ["status", "label", "customColor"];
+var _excluded = ["status", "label", "customColor", "disabled"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import Badge from '@synerise/ds-badge';
@@ -7,8 +8,11 @@ var StatusLabelCell = function StatusLabelCell(_ref) {
   var status = _ref.status,
     label = _ref.label,
     customColor = _ref.customColor,
+    disabled = _ref.disabled,
     htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.StatusLabel, htmlAttributes, /*#__PURE__*/React.createElement(Badge, {
+  return /*#__PURE__*/React.createElement(S.StatusLabel, _extends({
+    isDisabled: disabled
+  }, htmlAttributes), /*#__PURE__*/React.createElement(Badge, {
     customColor: customColor,
     status: status
   }), /*#__PURE__*/React.createElement(S.Label, null, label));

package/dist/Cell/StatusLabel/StatusLabel.styles.d.ts

@@ -1,2 +1,4 @@
-export declare const StatusLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StatusLabel: import("styled-components").StyledComponent<"div", any, {
+    isDisabled?: boolean;
+}, never>;
 export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/Cell/StatusLabel/StatusLabel.styles.js

@@ -2,7 +2,9 @@ import styled from 'styled-components';
 export var StatusLabel = styled.div.withConfig({
   displayName: "StatusLabelstyles__StatusLabel",
   componentId: "sc-1l5c32z-0"
-})(["display:flex;align-items:center;justify-content:flex-start;"]);
+})(["display:flex;align-items:center;justify-content:flex-start;", ""], function (props) {
+  return props.isDisabled && 'opacity: 0.4;';
+});
 export var Label = styled.span.withConfig({
   displayName: "StatusLabelstyles__Label",
   componentId: "sc-1l5c32z-1"

package/dist/Cell/StatusLabel/StatusLabel.types.d.ts

@@ -5,6 +5,7 @@ export type StatusLabelProps = WithHTMLAttributes<HTMLDivElement, {
     status?: Status;
     label: ReactNode;
     customColor?: Color;
+    disabled?: boolean;
 }>;
 /**
  *  @deprecated

package/dist/DefaultTable/DefaultTable.js

@@ -6,6 +6,7 @@ import { compact, isEqual } from 'lodash';
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
 import Result from '@synerise/ds-result';
+import Tooltip from '@synerise/ds-tooltip';
 import { usePrevious } from '@synerise/ds-utils';
 import { columnWithSortButtons } from '../ColumnSortMenu/columnWithSortButtons';
 import { columnsToSortState, useSortState } from '../ColumnSortMenu/useSortState';
@@ -13,6 +14,7 @@ import { RowSelectionColumn } from '../RowSelection';
 import { useRowKey } from '../hooks/useRowKey';
 import { useRowStar } from '../hooks/useRowStar/useRowStar';
 import { getChildrenColumnName, isRecordSelectable } from '../utils';
+import { columnWithCellTooltip } from '../utils/columnWithCellTooltip';
 function DefaultTable(props) {
   var _selection$selections;
   var title = props.title,
@@ -25,7 +27,8 @@ function DefaultTable(props) {
     components = props.components,
     columns = props.columns,
     onSort = props.onSort,
-    emptyDataComponent = props.emptyDataComponent;
+    emptyDataComponent = props.emptyDataComponent,
+    getRowTooltipProps = props.getRowTooltipProps;
   var previousColumns = usePrevious(columns);
   var sortStateApi = useSortState(columnsToSortState(columns), onSort);
   var _useRowStar = useRowStar((rowStar == null ? void 0 : rowStar.starredRowKeys) || []),
@@ -52,9 +55,9 @@ function DefaultTable(props) {
       sortStateApi.updateColumnsData(columnsToSortState(columns));
     }
   }, [columns, previousColumns, sortStateApi]);
-
+  var RenderRow = useCallback(
   // @ts-expect-error Parameter 'row' implicitly has an 'any' type.ts(7006)
-  var RenderRow = useCallback(function (row) {
+  function (row) {
     var children = row.children,
       rowProps = _objectWithoutPropertiesLoose(row, _excluded);
     var classNameWithLevel = row.className.split(' ').find(function (name) {
@@ -64,13 +67,16 @@ function DefaultTable(props) {
     if (classNameWithLevel) {
       level = classNameWithLevel.split('-').pop();
     }
-    return /*#__PURE__*/React.createElement("tr", _extends({}, rowProps, {
+    var tooltipProps = getRowTooltipProps == null ? void 0 : getRowTooltipProps(row);
+    var rowContent = /*#__PURE__*/React.createElement("tr", _extends({}, rowProps, {
       className: row.className + " ds-table-row " + (level ? "ds-table-row-level-" + level : '')
     }), children);
-  }, []);
+    return tooltipProps ? /*#__PURE__*/React.createElement(Tooltip, tooltipProps, rowContent) : rowContent;
+  }, [getRowTooltipProps]);
   var prependedColumns = compact([!!rowStar && starColumn]);
   var decoratedColumns = columns == null ? void 0 : columns.map(function (column) {
-    return columnWithSortButtons(sortStateApi, onSort)(column);
+    var columnsWithCellTooltips = columnWithCellTooltip(column);
+    return columnWithSortButtons(sortStateApi, onSort)(columnsWithCellTooltips);
   });
   var decoratedComponents = components && Object.entries(components).map(function (_ref) {
     var key = _ref[0],

package/dist/RowSelection/RowSelectionColumn.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type RowType } from '../Table.types';
 import { type RowSelectionProps } from './RowSelectionColumn.types';
-export declare function RowSelectionColumn<T extends object & RowType<T>>({ rowKey, record, limit, independentSelectionExpandedRows, isGlobalAllSelected, selectedRowKeys, selectedRecords, tableLocale, onChange, checkRowSelectionStatus, childrenColumnName, }: RowSelectionProps<T>): React.JSX.Element | null;
+export declare function RowSelectionColumn<T extends object & RowType<T>>({ rowKey, record, limit, independentSelectionExpandedRows, isGlobalAllSelected, selectedRowKeys, selectedRecords, tableLocale, onChange, checkRowSelectionStatus, childrenColumnName, getSelectionTooltipProps, }: RowSelectionProps<T>): React.JSX.Element | null;

package/dist/RowSelection/RowSelectionColumn.js

@@ -1,6 +1,6 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useMemo } from 'react';
 import Button from '@synerise/ds-button';
-import Tooltip from '@synerise/ds-tooltip';
 import { useRowKey } from '../hooks/useRowKey';
 import { getRecordSelectionStatus, isRecordSelectable } from '../utils';
 export function RowSelectionColumn(_ref) {
@@ -14,7 +14,8 @@ export function RowSelectionColumn(_ref) {
     tableLocale = _ref.tableLocale,
     onChange = _ref.onChange,
     checkRowSelectionStatus = _ref.checkRowSelectionStatus,
-    childrenColumnName = _ref.childrenColumnName;
+    childrenColumnName = _ref.childrenColumnName,
+    getSelectionTooltipProps = _ref.getSelectionTooltipProps;
   var _useRowKey = useRowKey(rowKey),
     getRowKey = _useRowKey.getRowKey;
   var recordKey = getRowKey(record);
@@ -82,20 +83,21 @@ export function RowSelectionColumn(_ref) {
     unavailable = _getRecordSelectionSt.unavailable,
     disabled = _getRecordSelectionSt.disabled;
   var disabledProp = isGlobalAllSelected || !isChecked && Boolean(limit !== undefined && limit <= selectedRowKeys.length) || disabled;
-  return recordKey !== undefined && !unavailable ? /*#__PURE__*/React.createElement(Tooltip, {
-    title: tableLocale == null ? void 0 : tableLocale.selectRowTooltip,
-    mouseLeaveDelay: 0
-  }, /*#__PURE__*/React.createElement(Button.Checkbox, {
+  var recordTooltip = getSelectionTooltipProps == null ? void 0 : getSelectionTooltipProps(record);
+  return recordKey !== undefined && !unavailable ? /*#__PURE__*/React.createElement(Button.Checkbox, {
     key: "checkbox-" + recordKey,
     "data-testid": "ds-table-selection-button",
     checked: isGlobalAllSelected || isChecked,
     disabled: disabledProp,
     indeterminate: isIndeterminate,
+    tooltipProps: _extends({
+      title: tableLocale == null ? void 0 : tableLocale.selectRowTooltip
+    }, recordTooltip),
     onClick: function onClick(event) {
       event.stopPropagation();
     },
     onChange: function onChange(isCheckedNext) {
       return !isGlobalAllSelected && handleSelectionChange(isCheckedNext, record);
     }
-  })) : null;
+  }) : null;
 }

package/dist/RowSelection/RowSelectionColumn.types.d.ts

@@ -11,6 +11,7 @@ export type RowSelectionProps<T> = {
     record: T;
     tableLocale: DSTableProps<T>['locale'];
     onChange: RowSelection<T>['onChange'];
+    getSelectionTooltipProps?: RowSelection<T>['getSelectionTooltipProps'];
     checkRowSelectionStatus?: RowSelection<T>['checkRowSelectionStatus'];
     childrenColumnName: keyof T;
 };

package/dist/Table.types.d.ts

@@ -2,6 +2,7 @@ import type { ColumnType, TableProps } from 'antd/lib/table';
 import type { ColumnTitleProps, TableLocale, TableRowSelection } from 'antd/lib/table/interface';
 import type { SELECTION_ALL, SELECTION_INVERT } from 'constants/Table.constants';
 import type { Key, ReactNode, Ref } from 'react';
+import { type TooltipProps } from '@synerise/ds-tooltip';
 import type { LiteralStringUnion } from '@synerise/ds-utils';
 import type { GroupType } from './GroupTable/GroupTable.types';
 export type RowStar<T> = {
@@ -41,6 +42,7 @@ export type RowSelection<T> = Omit<TableRowSelection<T>, 'selections'> & {
         disabled?: boolean;
         unavailable?: boolean;
     };
+    getSelectionTooltipProps?: (record: T) => TooltipProps | false;
 };
 export type Filter = {
     tooltips: {
@@ -95,6 +97,7 @@ export type DSColumnType<T> = Omit<ColumnType<T>, 'fixed'> & {
     fixed?: 'left' | 'right';
     sortRender?: SortRender<T>;
     childRender?: (value: unknown, row: T, index: number) => ReactNode;
+    getCellTooltipProps?: (row: T) => TooltipProps | false;
 };
 export type ScrollProxyType = {
     scrollLeft: number;
@@ -152,6 +155,7 @@ export type DSTableProps<T extends any & GroupType<T>> = AntTableProps<T> & {
     dataSourceTotalCount?: number;
     isCounterLoading?: boolean;
     renderCustomCounter?: CustomCounterFn;
+    getRowTooltipProps?: (row: T) => TooltipProps | false;
     skeletonProps?: {
         maxHeight?: number;
         headerHeight?: number;

package/dist/VirtualTable/VirtualTable.js

@@ -45,6 +45,7 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
     locale = props.locale,
     loading = props.loading,
     sticky = props.sticky,
+    getRowTooltipProps = props.getRowTooltipProps,
     onListRefChange = props.onListRefChange,
     onItemsRendered = props.onItemsRendered,
     onScrollToRecordIndex = props.onScrollToRecordIndex;
@@ -218,6 +219,7 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
       selectedRecords: selectedRecords,
       isGlobalAllSelected: selection == null || (_selection$globalSele = selection.globalSelection) == null ? void 0 : _selection$globalSele.isSelected,
       tableLocale: locale,
+      getSelectionTooltipProps: selection == null ? void 0 : selection.getSelectionTooltipProps,
       checkRowSelectionStatus: checkRowSelectionStatus,
       childrenColumnName: childrenColumnName
     });
@@ -325,12 +327,13 @@ var VirtualTable = function VirtualTable(props, forwardedRef) {
       selection: selection,
       rowStar: rowStar,
       onRowClick: onRowClick,
+      getRowTooltipProps: getRowTooltipProps,
       dataSource: data,
       infiniteScroll: infiniteScroll,
       cellHeight: cellHeight,
       defaultTableProps: defaultTableProps
     };
-  }, [mergedColumns, selection, rowStar, onRowClick, infiniteScroll, cellHeight]);
+  }, [mergedColumns, getRowTooltipProps, selection, rowStar, onRowClick, infiniteScroll, cellHeight]);
   var offsetScroll = sticky && sticky !== true ? sticky.offsetScroll : 0;
   var offsetStickyHeader = sticky && sticky !== true ? sticky.offsetHeader : 0;
   var connectObject = useMemo(function () {

package/dist/VirtualTable/VirtualTableRow.d.ts

@@ -1,4 +1,5 @@
 import React, { type CSSProperties, type ReactElement } from 'react';
+import { type TooltipProps } from '@synerise/ds-tooltip';
 import type { InfiniteScrollProps } from '../InfiniteScroll/InfiniteLoaderItem.types';
 import { type DSTableProps, type RowSelection, type RowStar } from '../Table.types';
 export declare const INFINITE_LOADED_ITEM_HEIGHT = 64;
@@ -11,11 +12,12 @@ export interface VirtualTableRowProps<T> {
         selection?: RowSelection<T>;
         rowStar?: RowStar<T>;
         onRowClick?: (row: T) => void;
+        getRowTooltipProps?: (row: T) => TooltipProps | false;
         defaultTableProps?: DSTableProps<T>;
     };
     index: number;
     style: CSSProperties;
 }
-declare function VirtualTableRow<T extends object>({ index, style, data: { mergedColumns, onRowClick, selection, rowStar, dataSource, cellHeight, infiniteScroll, defaultTableProps, }, }: VirtualTableRowProps<T>): ReactElement;
+declare function VirtualTableRow<T extends object>({ index, style, data: { mergedColumns, onRowClick, selection, rowStar, getRowTooltipProps, dataSource, cellHeight, infiniteScroll, defaultTableProps, }, }: VirtualTableRowProps<T>): ReactElement;
 declare const _default: React.MemoExoticComponent<typeof VirtualTableRow>;
 export default _default;

package/dist/VirtualTable/VirtualTableRow.js

@@ -2,6 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import classNames from 'classnames';
 import React, { memo, useCallback, useMemo } from 'react';
 import { areEqual } from 'react-window';
+import Tooltip from '@synerise/ds-tooltip';
 import InfiniteLoaderItem from '../InfiniteScroll/InfiniteLoaderItem';
 import { calculatePixels, getValueFromPath } from '../utils';
 import * as S from './VirtualTable.styles';
@@ -24,6 +25,7 @@ function VirtualTableRow(_ref) {
     onRowClick = _ref$data.onRowClick,
     selection = _ref$data.selection,
     rowStar = _ref$data.rowStar,
+    getRowTooltipProps = _ref$data.getRowTooltipProps,
     dataSource = _ref$data.dataSource,
     cellHeight = _ref$data.cellHeight,
     infiniteScroll = _ref$data.infiniteScroll,
@@ -67,12 +69,14 @@ function VirtualTableRow(_ref) {
     }));
   }, [cellHeight, dataSource.length, index, infiniteScroll, style]);
   var top = infiniteScroll != null && (_infiniteScroll$prevP3 = infiniteScroll.prevPage) != null && _infiniteScroll$prevP3.hasMore ? Number(style.top) + INFINITE_LOADED_ITEM_HEIGHT + "px" : style.top;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, infiniteLoader('TOP'), /*#__PURE__*/React.createElement(S.RowWrapper, {
+  var rowProps = (defaultTableProps == null || defaultTableProps.onRow == null ? void 0 : defaultTableProps.onRow(rowData)) || {};
+  var rowContent = /*#__PURE__*/React.createElement(S.RowWrapper, _extends({
     "data-row-index": index,
     className: classNames('virtual-table-row', {
       'ds-expanded-row': rowData[EXPANDED_ROW_PROPERTY]
-    }),
-    style: _extends({}, style, {
+    })
+  }, rowProps, {
+    style: _extends({}, style, rowProps == null ? void 0 : rowProps.style, {
       top: top
     }),
     onClick: function onClick(event) {
@@ -80,12 +84,13 @@ function VirtualTableRow(_ref) {
       onRowClick && onRowClick(rowData);
     },
     onRowClickAvailable: onRowClick !== undefined
-  }, mergedColumns.map(function (column, columnIndex) {
+  }), mergedColumns.map(function (column, columnIndex) {
     var firstWithSelectionAndStar = selection && rowStar && columnIndex === 2;
     var firstWithSelectionOrStar = (selection || rowStar) && columnIndex === 1;
     var firstWithoutSelectionAndStar = columnIndex === 0 && !selection && !rowStar;
     var columnTitle = typeof column.title === 'string' ? column.title : column.dataIndex || column.key;
-    return /*#__PURE__*/React.createElement(S.ColWrapper, {
+    var cellTooltip = column.getCellTooltipProps == null ? void 0 : column.getCellTooltipProps(rowData);
+    var cellContent = /*#__PURE__*/React.createElement(S.ColWrapper, {
       left: column.fixed === 'left' ? column.left : undefined,
       right: column.fixed === 'right' ? column.right : undefined,
       className: classNames('virtual-table-cell', {
@@ -105,6 +110,9 @@ function VirtualTableRow(_ref) {
       width: column.width,
       maxWidth: calculateToPixelsIfDefined(column == null ? void 0 : column.maxWidth)
     }, /*#__PURE__*/React.createElement(React.Fragment, null, renderColumn(column, rowData, columnIndex)));
-  })), infiniteLoader('BOTTOM'));
+    return cellTooltip ? /*#__PURE__*/React.createElement(Tooltip, cellTooltip, cellContent) : cellContent;
+  }));
+  var rowTooltipProps = getRowTooltipProps == null ? void 0 : getRowTooltipProps(rowData);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, infiniteLoader('TOP'), rowTooltipProps ? /*#__PURE__*/React.createElement(Tooltip, rowTooltipProps, rowContent) : rowContent, infiniteLoader('BOTTOM'));
 }
 export default /*#__PURE__*/memo(VirtualTableRow, areEqual);

package/dist/utils/columnWithCellTooltip.d.ts

@@ -0,0 +1,2 @@
+import { type DSColumnType } from '../Table.types';
+export declare const columnWithCellTooltip: <T extends object>(column: DSColumnType<T>) => DSColumnType<T>;

package/dist/utils/columnWithCellTooltip.js

@@ -0,0 +1,19 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import Tooltip from '@synerise/ds-tooltip';
+import { EXPANDED_ROW_PROPERTY } from '../VirtualTable/constants';
+import { getValueFromPath } from './getValueFromPath';
+export var columnWithCellTooltip = function columnWithCellTooltip(column) {
+  var renderColumn = function renderColumn(value, rowData, columnIndex) {
+    var cellTooltip = column.getCellTooltipProps == null ? void 0 : column.getCellTooltipProps(rowData);
+    if (rowData[EXPANDED_ROW_PROPERTY] && column.childRender) {
+      var _content = column.childRender(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex);
+      return cellTooltip ? /*#__PURE__*/React.createElement(Tooltip, cellTooltip, _content) : _content;
+    }
+    var content = column.render ? column.render(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex) : getValueFromPath(rowData, column.dataIndex);
+    return cellTooltip ? /*#__PURE__*/React.createElement(Tooltip, cellTooltip, /*#__PURE__*/React.createElement(React.Fragment, null, content)) : /*#__PURE__*/React.createElement(React.Fragment, null, content);
+  };
+  return _extends({}, column, {
+    render: renderColumn
+  });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table",
-  "version": "1.7.7",
+  "version": "1.8.0",
   "description": "Table UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -35,31 +35,31 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.29",
-    "@synerise/ds-badge": "^1.0.28",
-    "@synerise/ds-button": "^1.5.3",
-    "@synerise/ds-button-group": "^1.1.27",
-    "@synerise/ds-checkbox": "^1.2.4",
-    "@synerise/ds-copy-icon": "^1.0.4",
-    "@synerise/ds-dropdown": "^1.1.6",
+    "@synerise/ds-alert": "^1.1.31",
+    "@synerise/ds-badge": "^1.0.30",
+    "@synerise/ds-button": "^1.5.5",
+    "@synerise/ds-button-group": "^1.1.29",
+    "@synerise/ds-checkbox": "^1.2.6",
+    "@synerise/ds-copy-icon": "^1.0.6",
+    "@synerise/ds-dropdown": "^1.1.8",
     "@synerise/ds-flag": "^1.0.6",
-    "@synerise/ds-icon": "^1.9.2",
-    "@synerise/ds-input": "^1.5.4",
-    "@synerise/ds-input-number": "^1.2.19",
-    "@synerise/ds-list-item": "^1.2.4",
+    "@synerise/ds-icon": "^1.10.0",
+    "@synerise/ds-input": "^1.5.6",
+    "@synerise/ds-input-number": "^1.2.21",
+    "@synerise/ds-list-item": "^1.2.6",
     "@synerise/ds-loader": "^1.0.11",
-    "@synerise/ds-menu": "^1.2.3",
-    "@synerise/ds-modal": "^1.2.20",
-    "@synerise/ds-result": "^1.0.33",
-    "@synerise/ds-scrollbar": "^1.2.3",
-    "@synerise/ds-search": "^1.3.13",
-    "@synerise/ds-skeleton": "^1.0.28",
-    "@synerise/ds-status": "^1.3.3",
-    "@synerise/ds-tag": "^1.4.3",
-    "@synerise/ds-tags": "^1.5.7",
-    "@synerise/ds-tooltip": "^1.3.3",
-    "@synerise/ds-typography": "^1.0.26",
-    "@synerise/ds-utils": "^1.5.2",
+    "@synerise/ds-menu": "^1.2.5",
+    "@synerise/ds-modal": "^1.2.22",
+    "@synerise/ds-result": "^1.0.35",
+    "@synerise/ds-scrollbar": "^1.2.5",
+    "@synerise/ds-search": "^1.3.15",
+    "@synerise/ds-skeleton": "^1.0.30",
+    "@synerise/ds-status": "^1.3.5",
+    "@synerise/ds-tag": "^1.4.5",
+    "@synerise/ds-tags": "^1.5.9",
+    "@synerise/ds-tooltip": "^1.3.5",
+    "@synerise/ds-typography": "^1.0.28",
+    "@synerise/ds-utils": "^1.5.3",
     "@types/react-window": "^1.8.8",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
@@ -82,5 +82,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "f38e4b2dca1d43c39af0b189c93808de62c11e9b"
+  "gitHead": "4cde643d1f63a4b47e84707a13b1b1d138730d53"
 }