@elastic/charts 46.13.0 → 47.2.0

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

@@ -0,0 +1,41 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipBody = void 0;
+var react_1 = __importDefault(require("react"));
+var tooltip_footer_1 = require("./tooltip_footer");
+var tooltip_header_1 = require("./tooltip_header");
+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;
+    if (!info || !visible) {
+        return null;
+    }
+    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(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))));
+};
+exports.TooltipBody = TooltipBody;
+//# sourceMappingURL=tooltip_body.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+interface TooltipDividerProps {
+    margin?: CSSProperties['margin'];
+}
+/** @public */
+export declare const TooltipDivider: ({ margin }: TooltipDividerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=tooltip_divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_divider.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_divider.tsx"],"names":[],"mappings":"AAQA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,cAAc;AACd,eAAO,MAAM,cAAc,eAAgB,mBAAmB,gBAE7D,CAAC"}

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

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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" });
+};
+exports.TooltipDivider = TooltipDivider;
+//# sourceMappingURL=tooltip_divider.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+declare type TooltipFooterProps = PropsWithChildren<{}>;
+/** @public */
+export declare const TooltipFooter: ({ children }: TooltipFooterProps) => JSX.Element;
+export {};
+//# sourceMappingURL=tooltip_footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_footer.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_footer.tsx"],"names":[],"mappings":"AAQA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,aAAK,kBAAkB,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAEhD,cAAc;AACd,eAAO,MAAM,aAAa,iBAAkB,kBAAkB,gBAE7D,CAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipFooter = void 0;
+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));
+};
+exports.TooltipFooter = TooltipFooter;
+//# sourceMappingURL=tooltip_footer.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SeriesIdentifier } from '../../../common/series_id';
+import { BaseDatum, TooltipValue, TooltipValueFormatter } from '../../../specs';
+import { Datum } from '../../../utils/common';
+import { PropsOrChildrenWithProps } from '../types';
+declare type TooltipHeaderProps<D extends BaseDatum = Datum, SI extends SeriesIdentifier = SeriesIdentifier> = PropsOrChildrenWithProps<{
+    header: TooltipValue<D, SI> | null;
+    formatter?: TooltipValueFormatter<D, SI>;
+}>;
+/** @public */
+export declare const TooltipHeader: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>(props: TooltipHeaderProps<D, SI>) => JSX.Element | null;
+export {};
+//# sourceMappingURL=tooltip_header.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,42 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipHeader = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("../../../utils/common");
+var TooltipHeaderInner = function (props) {
+    if ('children' in props) {
+        return react_1.default.createElement("div", { className: "echTooltip__header" }, (0, common_1.renderComplexChildren)(props.children));
+    }
+    var header = props.header, formatter = props.formatter;
+    if (!header || !header.isVisible)
+        return null;
+    var formattedValue = formatter ? formatter(header) : header.formattedValue;
+    if (!formattedValue)
+        return null;
+    return react_1.default.createElement("div", { className: "echTooltip__header" }, formattedValue);
+};
+exports.TooltipHeader = (0, react_1.memo)(TooltipHeaderInner);
+//# sourceMappingURL=tooltip_header.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+declare type TooltipMetricRowProps = {
+    label: string;
+    metric: ReactNode;
+};
+/** @public */
+export declare const TooltipMetricRow: React.MemoExoticComponent<({ label, metric }: TooltipMetricRowProps) => JSX.Element>;
+export {};
+//# sourceMappingURL=tooltip_metric_row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_metric_row.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_metric_row.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/C,aAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,cAAc;AACd,eAAO,MAAM,gBAAgB,gDAA4B,qBAAqB,iBAO5E,CAAC"}

package/dist/components/tooltip/components/tooltip_metric_row.js

@@ -0,0 +1,34 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipMetricRow = void 0;
+var react_1 = __importStar(require("react"));
+exports.TooltipMetricRow = (0, react_1.memo)(function (_a) {
+    var label = _a.label, metric = _a.metric;
+    return (react_1.default.createElement("div", { className: "echTooltip__metricRow" },
+        label,
+        react_1.default.createElement("b", null, metric)));
+});
+//# sourceMappingURL=tooltip_metric_row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_metric_row.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_metric_row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,6CAA+C;AAQlC,QAAA,gBAAgB,GAAG,IAAA,YAAI,EAAC,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,MAAM,YAAA;IACnD,OAAO,CACL,uCAAK,SAAS,EAAC,uBAAuB;QACnC,KAAK;QACN,yCAAI,MAAM,CAAK,CACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,42 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipProvider = exports.useTooltipContext = void 0;
+var react_1 = __importStar(require("react"));
+var TooltipContext = react_1.default.createContext({
+    backgroundColor: '#fff',
+    dir: 'ltr',
+});
+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;
+    return (react_1.default.createElement(TooltipContext.Provider, { value: {
+            backgroundColor: backgroundColor,
+            dir: dir,
+        } }, children));
+};
+exports.TooltipProvider = TooltipProvider;
+//# sourceMappingURL=tooltip_provider.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+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 { TooltipTableColumn } from './types';
+declare type TooltipTableProps<D extends BaseDatum = Datum, SI extends SeriesIdentifier = SeriesIdentifier> = PropsOrChildrenWithProps<{
+    columns: TooltipTableColumn<D, SI>[];
+    items: TooltipValue<D, SI>[];
+}, {}, {
+    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 {};
+//# sourceMappingURL=tooltip_table.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,43 @@
+"use strict";
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipTable = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+var common_1 = require("../../../utils/common");
+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 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),
+    });
+    if ('children' in props) {
+        return (react_1.default.createElement("table", { className: classes, style: { maxHeight: maxHeight } }, 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 })));
+};
+exports.TooltipTable = TooltipTable;
+//# sourceMappingURL=tooltip_table.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { SeriesIdentifier } from '../../../common/series_id';
+import { BaseDatum, TooltipValue } from '../../../specs';
+import { Datum } from '../../../utils/common';
+import { PropsOrChildrenWithProps } 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>[];
+}, {}, {
+    className?: string;
+}>;
+/** @public */
+export declare const TooltipTableBody: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ className, ...props }: TooltipTableBodyProps<D, SI>) => JSX.Element;
+export {};
+//# sourceMappingURL=tooltip_table_body.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,62 @@
+"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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipTableBody = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(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);
+    if ('children' in props) {
+        return react_1.default.createElement("tbody", { className: classes }, props.children);
+    }
+    return (react_1.default.createElement("tbody", { className: classes }, props.items.map(function (item, i) {
+        var isHighlighted = item.isHighlighted, isVisible = item.isVisible;
+        if (!isVisible)
+            return null;
+        return (react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, { key: i, isHighlighted: isHighlighted }, props.columns.map(function (column, j) {
+            var _a;
+            return renderCellContent(item, column, (_a = column.id) !== null && _a !== void 0 ? _a : "".concat(column.type, "-").concat(j));
+        })));
+    })));
+};
+exports.TooltipTableBody = TooltipTableBody;
+function getCellStyles(_a) {
+    var style = _a.style, type = _a.type;
+    var textAlign = type === 'number' ? 'left' : type === 'text' ? 'right' : undefined;
+    return __assign({ textAlign: textAlign }, style);
+}
+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_cell_1.TooltipTableCell, { style: getCellStyles(column), key: key }, column.cell(item)));
+}
+//# sourceMappingURL=tooltip_table_body.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipTableCell = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+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));
+};
+exports.TooltipTableCell = TooltipTableCell;
+//# sourceMappingURL=tooltip_table_cell.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TooltipTableCellProps } from './tooltip_table_cell';
+/** @public */
+export declare type ColorStripCellProps = Omit<TooltipTableCellProps, 'children'> & {
+    color?: string;
+};
+/**
+ * Renders color strip column cell
+ * @public
+ */
+export declare function TooltipTableColorCell({ color, className, ...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

@@ -0,0 +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"}

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

@@ -0,0 +1,44 @@
+"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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipTableColorCell = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+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;
+    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));
+}
+exports.TooltipTableColorCell = TooltipTableColorCell;
+//# sourceMappingURL=tooltip_table_color_cell.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+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 { TooltipTableColumn } from './types';
+declare type TooltipTableFooterProps<D extends BaseDatum = Datum, SI extends SeriesIdentifier = SeriesIdentifier> = PropsOrChildrenWithProps<{
+    columns: TooltipTableColumn<D, SI>[];
+    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 {};
+//# sourceMappingURL=tooltip_table_footer.d.ts.map

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

@@ -0,0 +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"}