@elastic/charts 50.2.1 → 51.1.0

package/dist/components/tooltip/components/tooltip_actions.js

@@ -0,0 +1,155 @@
+"use strict";
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipActions = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("../../../utils/common");
+var tooltip_divider_1 = require("./tooltip_divider");
+var tooltip_provider_1 = require("./tooltip_provider");
+var TooltipActions = function (_a) {
+    var actions = _a.actions, selectionPrompt = _a.selectionPrompt, actionsLoading = _a.actionsLoading, noActionsLoaded = _a.noActionsLoaded;
+    var _b = (0, tooltip_provider_1.useTooltipContext)(), pinned = _b.pinned, selected = _b.selected, values = _b.values, pinTooltip = _b.pinTooltip;
+    var syncActions = Array.isArray(actions);
+    var _c = __read((0, react_1.useState)(true), 2), loading = _c[0], setLoading = _c[1];
+    var _d = __read((0, react_1.useState)(syncActions ? actions : []), 2), loadedActions = _d[0], setLoadedActions = _d[1];
+    (0, react_1.useEffect)(function () {
+        if (pinned && !syncActions) {
+            var fetchActions = function (asyncActions) { return __awaiter(void 0, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            setLoading(true);
+                            _a = setLoadedActions;
+                            return [4, asyncActions(selected)];
+                        case 1:
+                            _a.apply(void 0, [_b.sent()]);
+                            setLoading(false);
+                            return [2];
+                    }
+                });
+            }); };
+            void fetchActions(actions);
+            return function () {
+                setLoading(true);
+                setLoadedActions([]);
+            };
+        }
+    }, [syncActions, actions, selected, pinned]);
+    if (!syncActions) {
+        if (loading)
+            return renderPromptContent(actionsLoading, selected);
+        if (loadedActions.length === 0)
+            return renderPromptContent(noActionsLoaded, selected);
+    }
+    if (pinned && syncActions && loadedActions.length === 0) {
+        return null;
+    }
+    var visibleActions = loadedActions.filter(function (_a) {
+        var hide = _a.hide;
+        return !hide || hide(selected, values);
+    });
+    if (visibleActions.length === 0) {
+        return renderPromptContent(selectionPrompt, selected);
+    }
+    return (react_1.default.createElement.apply(react_1.default, __spreadArray(["div", { className: "echTooltipActions" }, react_1.default.createElement(tooltip_divider_1.TooltipDivider, null)], __read(visibleActions.map(function (_a, i) {
+        var onSelect = _a.onSelect, label = _a.label, disabled = _a.disabled;
+        var reason = disabled && disabled(selected, values);
+        return (react_1.default.createElement("button", { className: "echTooltipActions__action", key: "".concat(i), title: typeof reason === 'string' ? reason : undefined, disabled: Boolean(reason), onClick: function () {
+                pinTooltip(false, true);
+                setTimeout(function () {
+                    onSelect(selected, values);
+                }, 0);
+            } }, typeof label === 'string' ? label : label(selected, values)));
+    })), false)));
+};
+exports.TooltipActions = TooltipActions;
+function renderPromptContent(content, selected) {
+    return (react_1.default.createElement("div", { className: "echTooltipActions" },
+        react_1.default.createElement(tooltip_divider_1.TooltipDivider, null),
+        react_1.default.createElement("div", { className: "echTooltipActions__prompt" }, (0, common_1.renderWithProps)(content, { selected: selected }))));
+}
+//# sourceMappingURL=tooltip_actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_actions.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_actions.tsx"],"names":[],"mappings":"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"}

package/dist/components/tooltip/components/tooltip_body.js

@@ -22,20 +22,61 @@ var tooltip_provider_1 = require("./tooltip_provider");
 var tooltip_table_1 = require("./tooltip_table");
 var tooltip_wrapper_1 = require("./tooltip_wrapper");
 var TooltipBody = function (_a) {
-    var info = _a.info, visible = _a.visible, settings = _a.settings, headerFormatter = _a.headerFormatter, columns = _a.columns, header = _a.header, footer = _a.footer;
-    var _b = (0, tooltip_provider_1.useTooltipContext)(), backgroundColor = _b.backgroundColor, dir = _b.dir;
+    var info = _a.info, visible = _a.visible, settings = _a.settings, headerFormatter = _a.headerFormatter, columns = _a.columns, header = _a.header, footer = _a.footer, placement = _a.placement, _b = _a.actions, actions = _b === void 0 ? [] : _b, toggleSelected = _a.toggleSelected, setSelection = _a.setSelection, actionPrompt = _a.actionPrompt, pinningPrompt = _a.pinningPrompt, selectionPrompt = _a.selectionPrompt, actionsLoading = _a.actionsLoading, noActionsLoaded = _a.noActionsLoaded;
+    var _c = (0, tooltip_provider_1.useTooltipContext)(), backgroundColor = _c.backgroundColor, dir = _c.dir, pinned = _c.pinned, selected = _c.selected, theme = _c.theme, actionable = _c.actionable;
     if (!info || !visible) {
         return null;
     }
+    var wrapperStyles = getStylesFromPlacement(actionable, theme, placement);
     if (typeof settings !== 'string' && (settings === null || settings === void 0 ? void 0 : settings.customTooltip)) {
         var CustomTooltip = settings.customTooltip;
-        return (react_1.default.createElement(tooltip_wrapper_1.TooltipWrapper, null,
-            react_1.default.createElement(CustomTooltip, __assign({}, info, { headerFormatter: headerFormatter, backgroundColor: backgroundColor, dir: dir }))));
+        return (react_1.default.createElement("div", { className: "echTooltip__outerWrapper", style: wrapperStyles },
+            react_1.default.createElement(tooltip_wrapper_1.TooltipWrapper, { actions: actions, actionPrompt: actionPrompt, pinningPrompt: pinningPrompt, selectionPrompt: selectionPrompt, actionsLoading: actionsLoading, noActionsLoaded: noActionsLoaded },
+                react_1.default.createElement(CustomTooltip, __assign({}, info, { dir: dir, pinned: pinned, selected: selected, setSelection: setSelection, toggleSelected: toggleSelected, headerFormatter: headerFormatter, backgroundColor: backgroundColor })))));
     }
-    return (react_1.default.createElement(tooltip_wrapper_1.TooltipWrapper, null,
-        header ? (react_1.default.createElement(tooltip_header_1.TooltipHeader, null, typeof header === 'string' ? header : header(info.values))) : (react_1.default.createElement(tooltip_header_1.TooltipHeader, { header: info.header, formatter: headerFormatter })),
-        react_1.default.createElement(tooltip_table_1.TooltipTable, { columns: columns, items: info.values }),
-        footer && react_1.default.createElement(tooltip_footer_1.TooltipFooter, null, typeof footer === 'string' ? footer : footer(info.values))));
+    return (react_1.default.createElement("div", { className: "echTooltip__outerWrapper", style: wrapperStyles },
+        react_1.default.createElement(tooltip_wrapper_1.TooltipWrapper, { actions: actions, actionPrompt: actionPrompt, pinningPrompt: pinningPrompt, selectionPrompt: selectionPrompt, actionsLoading: actionsLoading, noActionsLoaded: noActionsLoaded },
+            header ? (react_1.default.createElement(tooltip_header_1.TooltipHeader, null, typeof header === 'string' ? header : header(info.values))) : (react_1.default.createElement(tooltip_header_1.TooltipHeader, { header: info.header, formatter: headerFormatter })),
+            react_1.default.createElement(tooltip_table_1.TooltipTable, { columns: columns, items: info.values, pinned: pinned, onSelect: toggleSelected, selected: selected }),
+            footer && react_1.default.createElement(tooltip_footer_1.TooltipFooter, null, typeof footer === 'string' ? footer : footer(info.values)))));
 };
 exports.TooltipBody = TooltipBody;
+function getStylesFromPlacement(actionable, _a, placement) {
+    var maxWidth = _a.maxWidth;
+    if (!actionable)
+        return { maxWidth: maxWidth };
+    switch (placement) {
+        case 'left':
+        case 'left-start':
+        case 'left-end':
+        case 'top-end':
+        case 'bottom-end':
+            return {
+                width: maxWidth,
+                justifyContent: 'flex-end',
+            };
+        case 'right':
+        case 'right-start':
+        case 'right-end':
+        case 'top-start':
+        case 'bottom-start':
+            return {
+                width: maxWidth,
+                justifyContent: 'flex-start',
+            };
+        case 'top':
+        case 'bottom':
+            return {
+                width: maxWidth,
+                justifyContent: 'center',
+            };
+        case 'auto':
+        case 'auto-start':
+        case 'auto-end':
+        default:
+            return {
+                width: maxWidth,
+            };
+    }
+}
 //# sourceMappingURL=tooltip_body.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip_body.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,gDAA0B;AAM1B,mDAAiD;AACjD,mDAAiD;AACjD,uDAAuD;AACvD,iDAA+C;AAC/C,qDAAmD;AAa5C,IAAM,WAAW,GAAG,UAA8E,EAQ/E;QAPxB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,MAAM,YAAA,EACN,MAAM,YAAA;IAEA,IAAA,KAA2B,IAAA,oCAAiB,GAAE,EAA5C,eAAe,qBAAA,EAAE,GAAG,SAAwB,CAAC;IACrD,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAED,IAAI,OAAO,QAAQ,KAAK,QAAQ,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,CAAA,EAAE;QAC3D,IAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;QAC7C,OAAO,CACL,8BAAC,gCAAc;YACb,8BAAC,aAAa,eAAK,IAAI,IAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,EAAE,GAAG,IAAI,CAC1F,CAClB,CAAC;KACH;IAED,OAAO,CACL,8BAAC,gCAAc;QACZ,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,8BAAa,QAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAiB,CAC3F,CAAC,CAAC,CAAC,CACF,8BAAC,8BAAa,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,GAAI,CACnE;QACD,8BAAC,4BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,GAAI;QACrD,MAAM,IAAI,8BAAC,8BAAa,QAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAiB,CACtF,CAClB,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,WAAW,eAkCtB"}
+{"version":3,"file":"tooltip_body.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_body.tsx"],"names":[],"mappings":"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"}

package/dist/components/tooltip/components/tooltip_divider.js

@@ -7,7 +7,7 @@ exports.TooltipDivider = void 0;
 var react_1 = __importDefault(require("react"));
 var TooltipDivider = function (_a) {
     var margin = _a.margin;
-    return react_1.default.createElement("div", { style: { margin: margin }, className: "echTooltip__divider" });
+    return react_1.default.createElement("div", { style: { margin: margin }, className: "echTooltipDivider" });
 };
 exports.TooltipDivider = TooltipDivider;
 //# sourceMappingURL=tooltip_divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip_divider.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_divider.tsx"],"names":[],"mappings":";;;;;;AAQA,gDAA6C;AAOtC,IAAM,cAAc,GAAG,UAAC,EAA+B;QAA7B,MAAM,YAAA;IACrC,OAAO,uCAAK,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,EAAE,SAAS,EAAC,qBAAqB,GAAO,CAAC;AACxE,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB"}
+{"version":3,"file":"tooltip_divider.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_divider.tsx"],"names":[],"mappings":";;;;;;AAQA,gDAA6C;AAOtC,IAAM,cAAc,GAAG,UAAC,EAA+B;QAA7B,MAAM,YAAA;IACrC,OAAO,uCAAK,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,EAAE,SAAS,EAAC,mBAAmB,GAAO,CAAC;AACtE,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB"}

package/dist/components/tooltip/components/tooltip_footer.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var common_1 = require("../../../utils/common");
 var TooltipFooter = function (_a) {
     var children = _a.children;
-    return react_1.default.createElement("div", { className: "echTooltip__footer" }, (0, common_1.renderComplexChildren)(children));
+    return react_1.default.createElement("div", { className: "echTooltipFooter" }, (0, common_1.renderComplexChildren)(children));
 };
 exports.TooltipFooter = TooltipFooter;
 //# sourceMappingURL=tooltip_footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip_footer.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_footer.tsx"],"names":[],"mappings":";;;;;;AAQA,gDAAiD;AAEjD,gDAA8D;AAKvD,IAAM,aAAa,GAAG,UAAC,EAAgC;QAA9B,QAAQ,cAAA;IACtC,OAAO,uCAAK,SAAS,EAAC,oBAAoB,IAAE,IAAA,8BAAqB,EAAC,QAAQ,CAAC,CAAO,CAAC;AACrF,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}
+{"version":3,"file":"tooltip_footer.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_footer.tsx"],"names":[],"mappings":";;;;;;AAQA,gDAAiD;AAEjD,gDAA8D;AAKvD,IAAM,aAAa,GAAG,UAAC,EAAgC;QAA9B,QAAQ,cAAA;IACtC,OAAO,uCAAK,SAAS,EAAC,kBAAkB,IAAE,IAAA,8BAAqB,EAAC,QAAQ,CAAC,CAAO,CAAC;AACnF,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip_header.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_header.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EAAE,KAAK,EAAyB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD,aAAK,kBAAkB,CACrB,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAAC;IAC3B,MAAM,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,qBAAqB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;CAC1C,CAAC,CAAC;AAgBH,cAAc;AACd,eAAO,MAAM,aAAa,qIAAwD,CAAC"}
+{"version":3,"file":"tooltip_header.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_header.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EAAE,KAAK,EAAyB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAGpD,aAAK,kBAAkB,CACrB,CAAC,SAAS,SAAS,GAAG,KAAK,EAC3B,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAC5C,wBAAwB,CAAC;IAC3B,MAAM,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,qBAAqB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;CAC1C,CAAC,CAAC;AA0BH,cAAc;AACd,eAAO,MAAM,aAAa,qIAAwD,CAAC"}

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"}