@elastic/charts 50.1.0 → 51.0.0

package/dist/components/tooltip/components/tooltip_header.js

@@ -26,9 +26,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipHeader = void 0;
 var react_1 = __importStar(require("react"));
 var common_1 = require("../../../utils/common");
+var tooltip_divider_1 = require("./tooltip_divider");
 var TooltipHeaderInner = function (props) {
     if ('children' in props) {
-        return react_1.default.createElement("div", { className: "echTooltip__header" }, (0, common_1.renderComplexChildren)(props.children));
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "echTooltipHeader" }, (0, common_1.renderComplexChildren)(props.children)),
+            react_1.default.createElement(tooltip_divider_1.TooltipDivider, null)));
     }
     var header = props.header, formatter = props.formatter;
     if (!header || !header.isVisible)
@@ -36,7 +39,9 @@ var TooltipHeaderInner = function (props) {
     var formattedValue = formatter ? formatter(header) : header.formattedValue;
     if (!formattedValue)
         return null;
-    return react_1.default.createElement("div", { className: "echTooltip__header" }, formattedValue);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "echTooltipHeader" }, formattedValue),
+        react_1.default.createElement(tooltip_divider_1.TooltipDivider, null)));
 };
 exports.TooltipHeader = (0, react_1.memo)(TooltipHeaderInner);
 //# sourceMappingURL=tooltip_header.js.map

package/dist/components/tooltip/components/tooltip_header.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_header.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,6CAAoC;AAIpC,gDAAqE;AAWrE,IAAM,kBAAkB,GAAG,UACzB,KAAgC;IAEhC,IAAI,UAAU,IAAI,KAAK,EAAE;QACvB,OAAO,uCAAK,SAAS,EAAC,oBAAoB,IAAE,IAAA,8BAAqB,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAO,CAAC;KAC1F;IACO,IAAA,MAAM,GAAgB,KAAK,OAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IACpC,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE9C,IAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;IAC7E,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,uCAAK,SAAS,EAAC,oBAAoB,IAAE,cAAc,CAAO,CAAC;AACpE,CAAC,CAAC;AAGW,QAAA,aAAa,GAAG,IAAA,YAAI,EAAC,kBAAkB,CAA8B,CAAC"}
+{"version":3,"file":"tooltip_header.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,6CAAoC;AAIpC,gDAAqE;AAErE,qDAAmD;AAUnD,IAAM,kBAAkB,GAAG,UACzB,KAAgC;IAEhC,IAAI,UAAU,IAAI,KAAK,EAAE;QACvB,OAAO,CACL;YACE,uCAAK,SAAS,EAAC,kBAAkB,IAAE,IAAA,8BAAqB,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAO;YAC/E,8BAAC,gCAAc,OAAG,CACjB,CACJ,CAAC;KACH;IACO,IAAA,MAAM,GAAgB,KAAK,OAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IACpC,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE9C,IAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;IAC7E,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,CACL;QACE,uCAAK,SAAS,EAAC,kBAAkB,IAAE,cAAc,CAAO;QACxD,8BAAC,gCAAc,OAAG,CACjB,CACJ,CAAC;AACJ,CAAC,CAAC;AAGW,QAAA,aAAa,GAAG,IAAA,YAAI,EAAC,kBAAkB,CAA8B,CAAC"}

package/dist/components/tooltip/components/tooltip_prompt.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tooltip_prompt.d.ts.map

package/dist/components/tooltip/components/tooltip_prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_prompt.tsx"],"names":[],"mappings":""}

package/dist/components/tooltip/components/tooltip_prompt.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipPrompt = void 0;
+var react_1 = __importDefault(require("react"));
+var tooltip_divider_1 = require("./tooltip_divider");
+function TooltipPrompt(_a) {
+    var children = _a.children;
+    return (react_1.default.createElement("div", { className: "echTooltipPrompt" },
+        react_1.default.createElement(tooltip_divider_1.TooltipDivider, null),
+        react_1.default.createElement("div", { className: "echTooltipPrompt__content" }, children)));
+}
+exports.TooltipPrompt = TooltipPrompt;
+//# sourceMappingURL=tooltip_prompt.js.map

package/dist/components/tooltip/components/tooltip_prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_prompt.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_prompt.tsx"],"names":[],"mappings":";;;;;;AAQA,gDAAiD;AAEjD,qDAAmD;AAGnD,SAAgB,aAAa,CAAC,EAAmC;QAAjC,QAAQ,cAAA;IACtC,OAAO,CACL,uCAAK,SAAS,EAAC,kBAAkB;QAC/B,8BAAC,gCAAc,OAAG;QAClB,uCAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,CAAO,CACvD,CACP,CAAC;AACJ,CAAC;AAPD,sCAOC"}

package/dist/components/tooltip/components/tooltip_provider.js

@@ -25,17 +25,37 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipProvider = exports.useTooltipContext = void 0;
 var react_1 = __importStar(require("react"));
+var tooltip_1 = require("../../../state/actions/tooltip");
+var light_theme_1 = require("../../../utils/themes/light_theme");
 var TooltipContext = react_1.default.createContext({
     backgroundColor: '#fff',
     dir: 'ltr',
+    maxItems: 5,
+    pinned: false,
+    actionable: false,
+    canPinTooltip: false,
+    selected: [],
+    values: [],
+    pinTooltip: tooltip_1.pinTooltip,
+    theme: light_theme_1.LIGHT_THEME.tooltip,
 });
-var useTooltipContext = function () { return (0, react_1.useContext)(TooltipContext); };
+var useTooltipContext = function () {
+    return (0, react_1.useContext)(TooltipContext);
+};
 exports.useTooltipContext = useTooltipContext;
 var TooltipProvider = function (_a) {
-    var backgroundColor = _a.backgroundColor, dir = _a.dir, children = _a.children;
+    var backgroundColor = _a.backgroundColor, dir = _a.dir, maxItems = _a.maxItems, pinned = _a.pinned, actionable = _a.actionable, canPinTooltip = _a.canPinTooltip, selected = _a.selected, values = _a.values, pinTooltip = _a.pinTooltip, children = _a.children, theme = _a.theme;
     return (react_1.default.createElement(TooltipContext.Provider, { value: {
             backgroundColor: backgroundColor,
             dir: dir,
+            maxItems: maxItems,
+            pinned: pinned,
+            actionable: actionable,
+            canPinTooltip: canPinTooltip,
+            selected: selected,
+            values: values,
+            pinTooltip: pinTooltip,
+            theme: theme,
         } }, children));
 };
 exports.TooltipProvider = TooltipProvider;

package/dist/components/tooltip/components/tooltip_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_provider.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,6CAA6D;AAO7D,IAAM,cAAc,GAAG,eAAK,CAAC,aAAa,CAAiB;IACzD,eAAe,EAAE,MAAM;IACvB,GAAG,EAAE,KAAK;CACX,CAAC,CAAC;AAGI,IAAM,iBAAiB,GAAG,cAAM,OAAA,IAAA,kBAAU,EAAC,cAAc,CAAC,EAA1B,CAA0B,CAAC;AAArD,QAAA,iBAAiB,qBAAoC;AAK3D,IAAM,eAAe,GAAG,UAAC,EAAwD;QAAtD,eAAe,qBAAA,EAAE,GAAG,SAAA,EAAE,QAAQ,cAAA;IAC9D,OAAO,CACL,8BAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,eAAe,iBAAA;YACf,GAAG,KAAA;SACJ,IAEA,QAAQ,CACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B"}
+{"version":3,"file":"tooltip_provider.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,6CAAsE;AAItE,0DAAgF;AAEhF,iEAAgE;AAiBhE,IAAM,cAAc,GAAG,eAAK,CAAC,aAAa,CAAiB;IACzD,eAAe,EAAE,MAAM;IACvB,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,KAAK;IACpB,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,oBAAgB;IAC5B,KAAK,EAAE,yBAAW,CAAC,OAAO;CAC3B,CAAC,CAAC;AAGI,IAAM,iBAAiB,GAAG;IAC/B,OAAA,IAAA,kBAAU,EAAwB,cAA2D,CAAC;AAA9F,CAA8F,CAAC;AADpF,QAAA,iBAAiB,qBACmE;AAQ1F,IAAM,eAAe,GAAG,UAA8E,EAY/E;QAX5B,eAAe,qBAAA,EACf,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA;IAEL,OAAO,CACL,8BAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,eAAe,iBAAA;YACf,GAAG,KAAA;YACH,QAAQ,UAAA;YACR,MAAM,QAAA;YACN,UAAU,YAAA;YACV,aAAa,eAAA;YACb,QAAQ,UAAA;YACR,MAAM,QAAA;YACN,UAAU,YAAA;YACV,KAAK,OAAA;SACN,IAEA,QAAQ,CACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,eAAe,mBA+B1B"}

package/dist/components/tooltip/components/tooltip_table.d.ts

@@ -2,16 +2,24 @@ import { CSSProperties } from 'react';
 import { SeriesIdentifier } from '../../../common/series_id';
 import { BaseDatum, TooltipValue } from '../../../specs';
 import { Datum } from '../../../utils/common';
-import { PropsOrChildrenWithProps } from '../types';
+import { PropsOrChildrenWithProps, ToggleSelectedTooltipItemCallback } from '../types';
 import { TooltipTableColumn } from './types';
 declare type TooltipTableProps<D extends BaseDatum = Datum, SI extends SeriesIdentifier = SeriesIdentifier> = PropsOrChildrenWithProps<{
     columns: TooltipTableColumn<D, SI>[];
     items: TooltipValue<D, SI>[];
-}, {}, {
+    pinned?: boolean;
+    onSelect?: ToggleSelectedTooltipItemCallback;
+    selected?: TooltipValue<D, SI>[];
+}, {
+    /**
+     * Used to defined the column widths, otherwise auto-generated
+     */
+    gridTemplateColumns: CSSProperties['gridTemplateColumns'];
+}, {
     className?: string;
     maxHeight?: CSSProperties['maxHeight'];
 }>;
 /** @public */
-export declare const TooltipTable: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ maxHeight, className, ...props }: TooltipTableProps<D, SI>) => JSX.Element;
+export declare const TooltipTable: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ className, ...props }: TooltipTableProps<D, SI>) => JSX.Element;
 export {};
 //# sourceMappingURL=tooltip_table.d.ts.map

package/dist/components/tooltip/components/tooltip_table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAS,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAIpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,aAAK,iBAAiB,CACpB,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAC1B;IACE,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CAC9B,EACD,EAAE,EACF;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CACF,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,YAAY,0JA4BxB,CAAC"}
+{"version":3,"file":"tooltip_table.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAS,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAC;AAKvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAU7C,aAAK,iBAAiB,CACpB,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAC1B;IACE,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,iCAAiC,CAAC;IAC7C,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CAClC,EACD;IACE;;OAEG;IACH,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC3D,EACD;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CACF,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,YAAY,+IA2CxB,CAAC"}

package/dist/components/tooltip/components/tooltip_table.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -18,26 +29,53 @@ exports.TooltipTable = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
 var common_1 = require("../../../utils/common");
+var tooltip_provider_1 = require("./tooltip_provider");
 var tooltip_table_body_1 = require("./tooltip_table_body");
 var tooltip_table_footer_1 = require("./tooltip_table_footer");
 var tooltip_table_header_1 = require("./tooltip_table_header");
+var TOOLTIP_ITEM_HEIGHT = 20;
+var TOOLTIP_HEADER_HEIGHT = 25;
+var TOOLTIP_FOOTER_HEIGHT = 25;
+var MAX_ROW_COLOR_STRIP_WIDTH = 11;
 var TooltipTable = function (_a) {
-    var maxHeight = _a.maxHeight, className = _a.className, props = __rest(_a, ["maxHeight", "className"]);
-    var classes = (0, classnames_1.default)('echTooltip__table', className, {
-        'echTooltip__table--scrollable': !(0, common_1.isNil)(maxHeight),
-    });
+    var _b;
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var _c = (0, tooltip_provider_1.useTooltipContext)(), theme = _c.theme, maxItems = _c.maxItems, rest = __rest(_c, ["theme", "maxItems"]);
     if ('children' in props) {
-        return (react_1.default.createElement("table", { className: classes, style: { maxHeight: maxHeight } }, props.children));
+        var gridTemplateColumns_1 = props.gridTemplateColumns;
+        var classes = (0, classnames_1.default)('echTooltip__table', className, {
+            'echTooltip__table--noGrid': !gridTemplateColumns_1,
+        });
+        var maxHeight = (_b = props.maxHeight) !== null && _b !== void 0 ? _b : theme.maxTableHeight;
+        return (react_1.default.createElement("div", { className: "echTooltip__tableWrapper", style: { maxHeight: maxHeight } },
+            react_1.default.createElement("div", { role: "table", className: classes, style: { gridTemplateColumns: gridTemplateColumns_1 } }, props.children)));
     }
     var columns = props.columns.filter(function (_a) {
         var _b;
         var hidden = _a.hidden;
         return !(typeof hidden === 'boolean' ? hidden : (_b = hidden === null || hidden === void 0 ? void 0 : hidden(props.items)) !== null && _b !== void 0 ? _b : false);
     });
-    return (react_1.default.createElement("table", { className: classes, style: { maxHeight: maxHeight } },
-        react_1.default.createElement(tooltip_table_header_1.TooltipTableHeader, { columns: columns, items: props.items }),
-        react_1.default.createElement(tooltip_table_body_1.TooltipTableBody, { columns: columns, items: props.items }),
-        react_1.default.createElement(tooltip_table_footer_1.TooltipTableFooter, { columns: columns, items: props.items })));
+    var _d = __assign(__assign({}, rest), props), items = _d.items, _e = _d.pinned, pinned = _e === void 0 ? false : _e, onSelect = _d.onSelect, _f = _d.selected, selected = _f === void 0 ? [] : _f;
+    var gridTemplateColumns = columns
+        .map(function (_a) {
+        var type = _a.type, width = _a.width;
+        return width !== null && width !== void 0 ? width : (type === 'color' ? MAX_ROW_COLOR_STRIP_WIDTH : 'auto');
+    })
+        .map(function (width) { return (typeof width === 'number' ? "".concat(width, "px") : width); })
+        .join(' ');
+    return (react_1.default.createElement("div", { className: "echTooltip__tableWrapper", style: { maxHeight: getMaxHeight(pinned, columns, theme.maxTableHeight, props.maxHeight, maxItems) } },
+        react_1.default.createElement("div", { role: "table", className: (0, classnames_1.default)('echTooltip__table', className), style: { gridTemplateColumns: gridTemplateColumns } },
+            react_1.default.createElement(tooltip_table_header_1.TooltipTableHeader, { columns: columns, items: props.items }),
+            react_1.default.createElement(tooltip_table_body_1.TooltipTableBody, { columns: columns, items: items, pinned: pinned, onSelect: onSelect, selected: selected }),
+            react_1.default.createElement(tooltip_table_footer_1.TooltipTableFooter, { columns: columns, items: props.items }))));
 };
 exports.TooltipTable = TooltipTable;
+function getMaxHeight(pinned, columns, maxHeightFallback, maxHeight, maxItems) {
+    if (pinned || maxHeight || (0, common_1.isNil)(maxItems))
+        return maxHeight !== null && maxHeight !== void 0 ? maxHeight : maxHeightFallback;
+    var headerHeight = +columns.some(function (c) { return c.header; }) * TOOLTIP_HEADER_HEIGHT;
+    var bodyHeight = (Math.max(maxItems, 1) + 0.5) * TOOLTIP_ITEM_HEIGHT;
+    var footerHeight = +columns.some(function (c) { return c.footer; }) * TOOLTIP_FOOTER_HEIGHT;
+    return headerHeight + bodyHeight + footerHeight;
+}
 //# sourceMappingURL=tooltip_table.js.map

package/dist/components/tooltip/components/tooltip_table.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAA6C;AAI7C,gDAAqD;AAErD,2DAAwD;AACxD,+DAA4D;AAC5D,+DAA4D;AAmBrD,IAAM,YAAY,GAAG,UAA8E,EAI/E;IAHzB,IAAA,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,cAHgG,0BAIzG,CADS;IAER,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,EAAE;QACzD,+BAA+B,EAAE,CAAC,IAAA,cAAK,EAAC,SAAS,CAAC;KACnD,CAAC,CAAC;IAEH,IAAI,UAAU,IAAI,KAAK,EAAE;QACvB,OAAO,CACL,yCAAO,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,IAC5C,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;KACH;IAED,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAC,EAAU;;YAAR,MAAM,YAAA;QAC5C,OAAO,CAAC,CAAC,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,yCAAO,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE;QAC7C,8BAAC,yCAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;QAC5D,8BAAC,qCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;QAC1D,8BAAC,yCAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACtD,CACT,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,YAAY,gBA4BvB"}
+{"version":3,"file":"tooltip_table.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table.tsx"],"names":[],"mappings":"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"}

package/dist/components/tooltip/components/tooltip_table_body.d.ts

@@ -2,11 +2,14 @@
 import { SeriesIdentifier } from '../../../common/series_id';
 import { BaseDatum, TooltipValue } from '../../../specs';
 import { Datum } from '../../../utils/common';
-import { PropsOrChildrenWithProps } from '../types';
+import { PropsOrChildrenWithProps, ToggleSelectedTooltipItemCallback } from '../types';
 import { TooltipTableColumn } from './types';
 declare type TooltipTableBodyProps<D extends BaseDatum = Datum, SI extends SeriesIdentifier = SeriesIdentifier> = PropsOrChildrenWithProps<{
     items: TooltipValue<D, SI>[];
     columns: TooltipTableColumn<D, SI>[];
+    pinned?: boolean;
+    onSelect?: ToggleSelectedTooltipItemCallback;
+    selected: TooltipValue<D, SI>[];
 }, {}, {
     className?: string;
 }>;

package/dist/components/tooltip/components/tooltip_table_body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_body.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_body.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAIpD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,aAAK,qBAAqB,CACxB,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAC1B;IACE,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IAC7B,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CACtC,EACD,EAAE,EACF;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,gBAAgB,mJAwB5B,CAAC"}
+{"version":3,"file":"tooltip_table_body.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_body.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAC;AAIvF,OAAO,EAAoB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,aAAK,qBAAqB,CACxB,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAC1B;IACE,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IAC7B,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,iCAAiC,CAAC;IAC7C,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CACjC,EACD,EAAE,EACF;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,gBAAgB,mJAwC5B,CAAC"}

package/dist/components/tooltip/components/tooltip_table_body.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -27,21 +50,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipTableBody = void 0;
 var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var tooltip_table_cell_1 = require("./tooltip_table_cell");
 var tooltip_table_color_cell_1 = require("./tooltip_table_color_cell");
 var tooltip_table_row_1 = require("./tooltip_table_row");
 var TooltipTableBody = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    var classes = (0, classnames_1.default)('echTooltip__tableBody', className);
+    var tableBodyRef = (0, react_1.useRef)(null);
     if ('children' in props) {
-        return react_1.default.createElement("tbody", { className: classes }, props.children);
+        var classes_1 = (0, classnames_1.default)('echTooltip__tableBody', className);
+        return (react_1.default.createElement("div", { role: "rowgroup", className: classes_1 }, props.children));
     }
-    return (react_1.default.createElement("tbody", { className: classes }, props.items.map(function (item, i) {
-        var isHighlighted = item.isHighlighted, isVisible = item.isVisible;
+    var items = props.items, pinned = props.pinned, selected = props.selected, onSelect = props.onSelect, columns = props.columns;
+    var classes = (0, classnames_1.default)('echTooltip__tableBody');
+    var allHighlighted = items.every(function (i) { return i.isHighlighted; });
+    return (react_1.default.createElement("div", { role: "rowgroup", className: classes, ref: tableBodyRef }, items.map(function (item) {
+        var isHighlighted = item.isHighlighted, isVisible = item.isVisible, displayOnly = item.displayOnly;
         if (!isVisible)
             return null;
-        return (react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, { key: i, isHighlighted: isHighlighted }, props.columns.map(function (column, j) {
+        return (react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, { key: "".concat(item.seriesIdentifier.key, "-").concat(item.label, "-").concat(item.value), isHighlighted: !pinned && !allHighlighted && isHighlighted, isSelected: pinned && selected.includes(item), onSelect: displayOnly || !onSelect ? undefined : function () { return onSelect(item); } }, columns.map(function (column, j) {
             var _a;
             return renderCellContent(item, column, (_a = column.id) !== null && _a !== void 0 ? _a : "".concat(column.type, "-").concat(j));
         })));
@@ -55,8 +82,8 @@ function getCellStyles(_a) {
 }
 function renderCellContent(item, column, key) {
     if (column.type === 'color') {
-        return react_1.default.createElement(tooltip_table_color_cell_1.TooltipTableColorCell, { color: item.color, key: key });
+        return react_1.default.createElement(tooltip_table_color_cell_1.TooltipTableColorCell, { displayOnly: item.displayOnly, color: item.color, key: key });
     }
-    return (react_1.default.createElement(tooltip_table_cell_1.TooltipTableCell, { style: getCellStyles(column), key: key }, column.cell(item)));
+    return (react_1.default.createElement(tooltip_table_cell_1.TooltipTableCell, { truncate: column.truncate, style: getCellStyles(column), key: key }, column.cell(item)));
 }
 //# sourceMappingURL=tooltip_table_body.js.map

package/dist/components/tooltip/components/tooltip_table_body.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_body.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAAyC;AAMzC,2DAAwD;AACxD,uEAAmE;AACnE,yDAAsD;AAkB/C,IAAM,gBAAgB,GAAG,UAA8E,EAG/E;IAF7B,IAAA,SAAS,eAAA,EACN,KAAK,cAFoG,aAG7G,CADS;IAER,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;IAC/D,IAAI,UAAU,IAAI,KAAK,EAAE;QACvB,OAAO,yCAAO,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAS,CAAC;KAC5D;IAED,OAAO,CACL,yCAAO,SAAS,EAAE,OAAO,IACtB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;QACf,IAAA,aAAa,GAAgB,IAAI,cAApB,EAAE,SAAS,GAAK,IAAI,UAAT,CAAU;QAC1C,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC;QAC5B,OAAO,CACL,8BAAC,mCAAe,IAAC,GAAG,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,IAClD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,CAAC;;YAC3B,OAAO,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,MAAM,CAAC,EAAE,mCAAI,UAAG,MAAM,CAAC,IAAI,cAAI,CAAC,CAAE,CAAC,CAAC;QAC7E,CAAC,CAAC,CACc,CACnB,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,gBAAgB,oBAwB3B;AAEF,SAAS,aAAa,CAA8E,EAGxE;QAF1B,KAAK,WAAA,EACL,IAAI,UAAA;IAEJ,IAAM,SAAS,GAAkC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpH,kBACE,SAAS,WAAA,IACN,KAAK,EACR;AACJ,CAAC;AAED,SAAS,iBAAiB,CACxB,IAAyB,EACzB,MAAiC,EACjC,GAAW;IAEX,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE;QAC3B,OAAO,8BAAC,gDAAqB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;KAC/D;IAED,OAAO,CACL,8BAAC,qCAAgB,IAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,GAAG,IACrD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CACD,CACpB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"tooltip_table_body.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_body.tsx"],"names":[],"mappings":"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"}

package/dist/components/tooltip/components/tooltip_table_cell.d.ts

@@ -3,9 +3,11 @@ import { TooltipCellStyle } from './types';
 /** @public */
 export declare type TooltipTableCellProps = PropsWithChildren<{
     tagName?: 'td' | 'th';
+    truncate?: boolean;
     className?: string;
+    title?: string;
     style?: TooltipCellStyle;
 }>;
 /** @public */
-export declare const TooltipTableCell: ({ style, tagName, className, children }: TooltipTableCellProps) => JSX.Element;
+export declare const TooltipTableCell: ({ style, truncate, tagName, className, children, title: manualTitle, }: TooltipTableCellProps) => JSX.Element;
 //# sourceMappingURL=tooltip_table_cell.d.ts.map

package/dist/components/tooltip/components/tooltip_table_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_cell.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_cell.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,cAAc;AACd,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC,CAAC;AAEH,cAAc;AACd,eAAO,MAAM,gBAAgB,4CAAoD,qBAAqB,gBAcrG,CAAC"}
+{"version":3,"file":"tooltip_table_cell.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_cell.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,cAAc;AACd,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC,CAAC;AAEH,cAAc;AACd,eAAO,MAAM,gBAAgB,2EAO1B,qBAAqB,gBAWvB,CAAC"}

package/dist/components/tooltip/components/tooltip_table_cell.js

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipTableCell = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
+var common_1 = require("../../../utils/common");
 var TooltipTableCell = function (_a) {
-    var style = _a.style, _b = _a.tagName, tagName = _b === void 0 ? 'td' : _b, className = _a.className, children = _a.children;
-    var classes = (0, classnames_1.default)('echTooltip__tableCell', className);
-    if (tagName === 'th') {
-        return (react_1.default.createElement("th", { className: classes, style: style }, children));
-    }
-    return (react_1.default.createElement("td", { className: classes, style: style }, children));
+    var style = _a.style, _b = _a.truncate, truncate = _b === void 0 ? false : _b, _c = _a.tagName, tagName = _c === void 0 ? 'td' : _c, className = _a.className, children = _a.children, manualTitle = _a.title;
+    var classes = (0, classnames_1.default)('echTooltip__tableCell', className, {
+        'echTooltip__tableCell--truncate': truncate,
+    });
+    var title = manualTitle !== null && manualTitle !== void 0 ? manualTitle : (truncate && (0, common_1.isNonNullablePrimitiveValue)(children) ? "".concat(children) : undefined);
+    return (react_1.default.createElement("div", { role: tagName === 'th' ? 'rowheader' : 'gridcell', className: classes, style: style, title: title }, children));
 };
 exports.TooltipTableCell = TooltipTableCell;
 //# sourceMappingURL=tooltip_table_cell.js.map

package/dist/components/tooltip/components/tooltip_table_cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_cell.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_cell.tsx"],"names":[],"mappings":";;;;;;AAQA,0DAAoC;AACpC,gDAAiD;AAY1C,IAAM,gBAAgB,GAAG,UAAC,EAAqE;QAAnE,KAAK,WAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC3E,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;IAC/D,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CACL,sCAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IACjC,QAAQ,CACN,CACN,CAAC;KACH;IACD,OAAO,CACL,sCAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IACjC,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B"}
+{"version":3,"file":"tooltip_table_cell.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_cell.tsx"],"names":[],"mappings":";;;;;;AAQA,0DAAoC;AACpC,gDAAiD;AAEjD,gDAAoE;AAa7D,IAAM,gBAAgB,GAAG,UAAC,EAOT;QANtB,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,SAAS,eAAA,EACT,QAAQ,cAAA,EACD,WAAW,WAAA;IAElB,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,SAAS,EAAE;QAC7D,iCAAiC,EAAE,QAAQ;KAC5C,CAAC,CAAC;IAEH,IAAM,KAAK,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,QAAQ,IAAI,IAAA,oCAA2B,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7G,OAAO,CACL,uCAAK,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACnG,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,gBAAgB,oBAkB3B"}

package/dist/components/tooltip/components/tooltip_table_color_cell.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { TooltipTableCellProps } from './tooltip_table_cell';
 /** @public */
-export declare type ColorStripCellProps = Omit<TooltipTableCellProps, 'children'> & {
+export declare type ColorStripCellProps = Omit<TooltipTableCellProps, 'children' | 'width'> & {
     color?: string;
+    displayOnly?: boolean;
 };
 /**
  * Renders color strip column cell
  * @public
  */
-export declare function TooltipTableColorCell({ color, className, ...cellProps }: ColorStripCellProps): JSX.Element | null;
+export declare function TooltipTableColorCell({ color, className, displayOnly, ...cellProps }: ColorStripCellProps): JSX.Element | null;
 //# sourceMappingURL=tooltip_table_color_cell.d.ts.map

package/dist/components/tooltip/components/tooltip_table_color_cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_color_cell.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_color_cell.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE/E,cAAc;AACd,oBAAY,mBAAmB,GAAG,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,GAAG;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkBjH"}
+{"version":3,"file":"tooltip_table_color_cell.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_color_cell.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE/E,cAAc;AACd,oBAAY,mBAAmB,GAAG,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACb,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAoC1C"}

package/dist/components/tooltip/components/tooltip_table_color_cell.js

@@ -28,17 +28,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipTableColorCell = void 0;
 var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importDefault(require("react"));
+var color_calcs_1 = require("../../../common/color_calcs");
+var color_library_wrappers_1 = require("../../../common/color_library_wrappers");
+var colors_1 = require("../../../common/colors");
 var tooltip_provider_1 = require("./tooltip_provider");
 var tooltip_table_cell_1 = require("./tooltip_table_cell");
 function TooltipTableColorCell(_a) {
-    var color = _a.color, className = _a.className, cellProps = __rest(_a, ["color", "className"]);
-    var backgroundColor = (0, tooltip_provider_1.useTooltipContext)().backgroundColor;
+    var color = _a.color, className = _a.className, displayOnly = _a.displayOnly, cellProps = __rest(_a, ["color", "className", "displayOnly"]);
+    var _b = (0, tooltip_provider_1.useTooltipContext)(), backgroundColor = _b.backgroundColor, theme = _b.theme;
+    var getDotColor = function (stripColor) {
+        if (color === colors_1.Colors.Transparent.keyword) {
+            return theme.defaultDotColor;
+        }
+        var foregroundRGBA = (0, color_library_wrappers_1.colorToRgba)(stripColor === colors_1.Colors.Transparent.keyword ? backgroundColor : stripColor);
+        var backgroundRGBA = (0, color_library_wrappers_1.colorToRgba)(backgroundColor);
+        var blendedFgBg = (0, color_calcs_1.combineColors)(foregroundRGBA, backgroundRGBA);
+        return (0, color_library_wrappers_1.RGBATupleToString)((0, color_calcs_1.highContrastColor)(blendedFgBg, 'WCAG3'));
+    };
+    var renderColorStrip = function () {
+        if (!color)
+            return null;
+        var dotColor = getDotColor(color);
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "echTooltip__colorStrip--bg", style: { backgroundColor: backgroundColor } }),
+            react_1.default.createElement("div", { className: "echTooltip__colorStrip", style: { backgroundColor: color, color: dotColor } }),
+            react_1.default.createElement("div", { className: "echTooltip__colorStrip--spacer" })));
+    };
     return (react_1.default.createElement(tooltip_table_cell_1.TooltipTableCell, __assign({}, cellProps, { className: (0, classnames_1.default)('echTooltip__colorCell', className, {
-            'echTooltip__colorCell--empty': !color,
-        }) }), color ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "echTooltip__colorStrip", style: { backgroundColor: backgroundColor } }),
-        react_1.default.createElement("div", { className: "echTooltip__colorStrip", style: { backgroundColor: color } }),
-        react_1.default.createElement("div", { className: "echTooltip__colorStripSpacer" }))) : null));
+            'echTooltip__colorCell--static': displayOnly,
+        }) }), renderColorStrip()));
 }
 exports.TooltipTableColorCell = TooltipTableColorCell;
 //# sourceMappingURL=tooltip_table_color_cell.js.map

package/dist/components/tooltip/components/tooltip_table_color_cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_color_cell.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_color_cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAA0B;AAE1B,uDAAuD;AACvD,2DAA+E;AAW/E,SAAgB,qBAAqB,CAAC,EAAuD;IAArD,IAAA,KAAK,WAAA,EAAE,SAAS,eAAA,EAAK,SAAS,cAAhC,sBAAkC,CAAF;IAC5D,IAAA,eAAe,GAAK,IAAA,oCAAiB,GAAE,gBAAxB,CAAyB;IAChD,OAAO,CACL,8BAAC,qCAAgB,eACX,SAAS,IACb,SAAS,EAAE,IAAA,oBAAU,EAAC,uBAAuB,EAAE,SAAS,EAAE;YACxD,8BAA8B,EAAE,CAAC,KAAK;SACvC,CAAC,KAED,KAAK,CAAC,CAAC,CAAC,CACP;QACE,uCAAK,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,eAAe,iBAAA,EAAE,GAAI;QACtE,uCAAK,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAAI;QAC7E,uCAAK,SAAS,EAAC,8BAA8B,GAAG,CAC/C,CACJ,CAAC,CAAC,CAAC,IAAI,CACS,CACpB,CAAC;AACJ,CAAC;AAlBD,sDAkBC"}
+{"version":3,"file":"tooltip_table_color_cell.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_color_cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAA0B;AAE1B,2DAA+E;AAC/E,iFAAwF;AACxF,iDAAuD;AACvD,uDAAuD;AACvD,2DAA+E;AAY/E,SAAgB,qBAAqB,CAAC,EAKhB;IAJpB,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACR,SAAS,cAJwB,qCAKrC,CADa;IAEN,IAAA,KAA6B,IAAA,oCAAiB,GAAE,EAA9C,eAAe,qBAAA,EAAE,KAAK,WAAwB,CAAC;IAEvD,IAAM,WAAW,GAAG,UAAC,UAAkB;QACrC,IAAI,KAAK,KAAK,eAAM,CAAC,WAAW,CAAC,OAAO,EAAE;YACxC,OAAO,KAAK,CAAC,eAAe,CAAC;SAC9B;QACD,IAAM,cAAc,GAAG,IAAA,oCAAW,EAAC,UAAU,KAAK,eAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAC7G,IAAM,cAAc,GAAG,IAAA,oCAAW,EAAC,eAAe,CAAC,CAAC;QACpD,IAAM,WAAW,GAAG,IAAA,2BAAa,EAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAClE,OAAO,IAAA,0CAAiB,EAAC,IAAA,+BAAiB,EAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,IAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QAEpC,OAAO,CACL;YACE,uCAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,eAAe,iBAAA,EAAE,GAAI;YAC1E,uCAAK,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAI;YAC9F,uCAAK,SAAS,EAAC,gCAAgC,GAAG,CACjD,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,qCAAgB,eACX,SAAS,IACb,SAAS,EAAE,IAAA,oBAAU,EAAC,uBAAuB,EAAE,SAAS,EAAE;YACxD,+BAA+B,EAAE,WAAW;SAC7C,CAAC,KAED,gBAAgB,EAAE,CACF,CACpB,CAAC;AACJ,CAAC;AAzCD,sDAyCC"}

package/dist/components/tooltip/components/tooltip_table_footer.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
 import { SeriesIdentifier } from '../../../common/series_id';
 import { BaseDatum, TooltipValue } from '../../../specs';
 import { Datum } from '../../../utils/common';
@@ -9,9 +9,8 @@ declare type TooltipTableFooterProps<D extends BaseDatum = Datum, SI extends Ser
     items: TooltipValue<D, SI>[];
 }, {}, {
     className?: string;
-    maxHeight?: CSSProperties['maxHeight'];
 }>;
 /** @public */
-export declare const TooltipTableFooter: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ maxHeight, className, ...props }: TooltipTableFooterProps<D, SI>) => JSX.Element | null;
+export declare const TooltipTableFooter: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ className, ...props }: TooltipTableFooterProps<D, SI>) => JSX.Element | null;
 export {};
 //# sourceMappingURL=tooltip_table_footer.d.ts.map

package/dist/components/tooltip/components/tooltip_table_footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_footer.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_footer.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAIpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,aAAK,uBAAuB,CAC1B,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAC1B;IACE,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CAC9B,EACD,EAAE,EACF;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CACF,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,kBAAkB,uKA+B9B,CAAC"}
+{"version":3,"file":"tooltip_table_footer.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_footer.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAIpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,aAAK,uBAAuB,CAC1B,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAC1B;IACE,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CAC9B,EACD,EAAE,EACF;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,kBAAkB,4JA8B9B,CAAC"}

package/dist/components/tooltip/components/tooltip_table_footer.js

@@ -21,15 +21,15 @@ var tooltip_table_cell_1 = require("./tooltip_table_cell");
 var tooltip_table_color_cell_1 = require("./tooltip_table_color_cell");
 var tooltip_table_row_1 = require("./tooltip_table_row");
 var TooltipTableFooter = function (_a) {
-    var maxHeight = _a.maxHeight, className = _a.className, props = __rest(_a, ["maxHeight", "className"]);
+    var className = _a.className, props = __rest(_a, ["className"]);
     var classes = (0, classnames_1.default)('echTooltip__tableFooter', className);
     if ('children' in props) {
-        return (react_1.default.createElement("tfoot", { className: classes, style: { maxHeight: maxHeight } }, props.children));
+        return (react_1.default.createElement("div", { role: "rowgroup", className: classes }, props.children));
     }
     if (props.columns.every(function (c) { return !c.footer; }))
         return null;
-    return (react_1.default.createElement("tfoot", { className: classes },
-        react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, { maxHeight: maxHeight }, props.columns.map(function (_a, i) {
+    return (react_1.default.createElement("div", { role: "rowgroup", className: classes },
+        react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, null, props.columns.map(function (_a, i) {
             var style = _a.style, id = _a.id, cn = _a.className, type = _a.type, footer = _a.footer;
             var key = id !== null && id !== void 0 ? id : "".concat(type, "-").concat(i);
             if (type === 'color')

package/dist/components/tooltip/components/tooltip_table_footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_footer.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAA6C;AAM7C,2DAAwD;AACxD,uEAAmE;AACnE,yDAAsD;AAmB/C,IAAM,kBAAkB,GAAG,UAA8E,EAI/E;IAH/B,IAAA,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,cAHsG,0BAI/G,CADS;IAER,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;IACjE,IAAI,UAAU,IAAI,KAAK,EAAE;QACvB,OAAO,CACL,yCAAO,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,IAC5C,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;KACH;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,MAAM,EAAT,CAAS,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvD,OAAO,CACL,yCAAO,SAAS,EAAE,OAAO;QACvB,8BAAC,mCAAe,IAAC,SAAS,EAAE,SAAS,IAClC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,EAA0C,EAAE,CAAC;gBAA3C,KAAK,WAAA,EAAE,EAAE,QAAA,EAAa,EAAE,eAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;YAC1D,IAAM,GAAG,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAG,IAAI,cAAI,CAAC,CAAE,CAAC;YACjC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,8BAAC,gDAAqB,IAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;YAC9F,OAAO,CACL,8BAAC,qCAAgB,IAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,GAAG,IAC1D,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAChE,CACpB,CAAC;QACJ,CAAC,CAAC,CACc,CACZ,CACT,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,kBAAkB,sBA+B7B"}
+{"version":3,"file":"tooltip_table_footer.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAA0B;AAM1B,2DAAwD;AACxD,uEAAmE;AACnE,yDAAsD;AAkB/C,IAAM,kBAAkB,GAAG,UAA8E,EAG/E;IAF/B,IAAA,SAAS,eAAA,EACN,KAAK,cAFsG,aAG/G,CADS;IAER,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;IACjE,IAAI,UAAU,IAAI,KAAK,EAAE;QACvB,OAAO,CACL,uCAAK,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,OAAO,IACpC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;KACH;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,MAAM,EAAT,CAAS,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvD,OAAO,CACL,uCAAK,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,OAAO;QACrC,8BAAC,mCAAe,QACb,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,EAA0C,EAAE,CAAC;gBAA3C,KAAK,WAAA,EAAE,EAAE,QAAA,EAAa,EAAE,eAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;YAC1D,IAAM,GAAG,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAG,IAAI,cAAI,CAAC,CAAE,CAAC;YACjC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,8BAAC,gDAAqB,IAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;YAC9F,OAAO,CACL,8BAAC,qCAAgB,IAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,GAAG,IAC1D,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAChE,CACpB,CAAC;QACJ,CAAC,CAAC,CACc,CACd,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,kBAAkB,sBA8B7B"}

package/dist/components/tooltip/components/tooltip_table_header.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
 import { SeriesIdentifier } from '../../../common/series_id';
 import { BaseDatum, TooltipValue } from '../../../specs';
 import { Datum } from '../../../utils/common';
@@ -9,9 +9,8 @@ declare type TooltipTableHeaderProps<D extends BaseDatum = Datum, SI extends Ser
     items: TooltipValue<D, SI>[];
 }, {}, {
     className?: string;
-    maxHeight?: CSSProperties['maxHeight'];
 }>;
 /** @public */
-export declare const TooltipTableHeader: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ maxHeight, className, ...props }: TooltipTableHeaderProps<D, SI>) => JSX.Element | null;
+export declare const TooltipTableHeader: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ className, ...props }: TooltipTableHeaderProps<D, SI>) => JSX.Element | null;
 export {};
 //# sourceMappingURL=tooltip_table_header.d.ts.map

package/dist/components/tooltip/components/tooltip_table_header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_table_header.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_header.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAIpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,aAAK,uBAAuB,CAC1B,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAC1B;IACE,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CAC9B,EACD,EAAE,EACF;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CACF,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,kBAAkB,uKA+B9B,CAAC"}
+{"version":3,"file":"tooltip_table_header.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_header.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAIpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,aAAK,uBAAuB,CAC1B,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAC1B;IACE,OAAO,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CAC9B,EACD,EAAE,EACF;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,kBAAkB,4JA8B9B,CAAC"}

package/dist/components/tooltip/components/tooltip_table_header.js

@@ -21,14 +21,14 @@ var tooltip_table_cell_1 = require("./tooltip_table_cell");
 var tooltip_table_color_cell_1 = require("./tooltip_table_color_cell");
 var tooltip_table_row_1 = require("./tooltip_table_row");
 var TooltipTableHeader = function (_a) {
-    var maxHeight = _a.maxHeight, className = _a.className, props = __rest(_a, ["maxHeight", "className"]);
+    var className = _a.className, props = __rest(_a, ["className"]);
     var classes = (0, classnames_1.default)('echTooltip__tableHeader', className);
     if ('children' in props) {
-        return (react_1.default.createElement("thead", { className: classes, style: { maxHeight: maxHeight } }, props.children));
+        return (react_1.default.createElement("div", { role: "rowgroup", className: classes }, props.children));
     }
     if (props.columns.every(function (c) { return !c.header; }))
         return null;
-    return (react_1.default.createElement("thead", { className: classes, style: { maxHeight: maxHeight } },
+    return (react_1.default.createElement("div", { role: "rowgroup", className: classes },
         react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, null, props.columns.map(function (_a, i) {
             var header = _a.header, style = _a.style, id = _a.id, cn = _a.className, type = _a.type;
             var key = id !== null && id !== void 0 ? id : "".concat(type, "-").concat(i);