@elastic/charts 50.2.0 → 51.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chart_types/flame_chart/flame_chart.js +154 -47
- package/dist/chart_types/flame_chart/flame_chart.js.map +1 -1
- package/dist/chart_types/flame_chart/internal_chart_state.js +1 -1
- package/dist/chart_types/flame_chart/internal_chart_state.js.map +1 -1
- package/dist/chart_types/goal_chart/specs/index.d.ts +1 -1
- package/dist/chart_types/goal_chart/state/chart_state.js +8 -2
- package/dist/chart_types/goal_chart/state/chart_state.js.map +1 -1
- package/dist/chart_types/goal_chart/state/selectors/picked_shapes.js +2 -4
- package/dist/chart_types/goal_chart/state/selectors/picked_shapes.js.map +1 -1
- package/dist/chart_types/heatmap/specs/heatmap.d.ts +2 -2
- package/dist/chart_types/heatmap/state/chart_state.js +1 -1
- package/dist/chart_types/heatmap/state/chart_state.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/get_brush_area.js +2 -2
- package/dist/chart_types/heatmap/state/selectors/get_brush_area.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/get_brushed_highlighted_shapes.js +3 -2
- package/dist/chart_types/heatmap/state/selectors/get_brushed_highlighted_shapes.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/get_cursor_band.js +5 -6
- package/dist/chart_types/heatmap/state/selectors/get_cursor_band.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/get_cursor_pointer.js +10 -2
- package/dist/chart_types/heatmap/state/selectors/get_cursor_pointer.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/get_tooltip_anchor.js +2 -4
- package/dist/chart_types/heatmap/state/selectors/get_tooltip_anchor.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/is_tooltip_visible.js +20 -4
- package/dist/chart_types/heatmap/state/selectors/is_tooltip_visible.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/on_pointer_update_caller.js +2 -1
- package/dist/chart_types/heatmap/state/selectors/on_pointer_update_caller.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/picked_shapes.js +4 -7
- package/dist/chart_types/heatmap/state/selectors/picked_shapes.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/tooltip.js +5 -0
- package/dist/chart_types/heatmap/state/selectors/tooltip.js.map +1 -1
- package/dist/chart_types/metric/state/chart_state.js +6 -1
- package/dist/chart_types/metric/state/chart_state.js.map +1 -1
- package/dist/chart_types/partition_chart/specs/index.d.ts +2 -2
- package/dist/chart_types/partition_chart/state/chart_state.js +4 -1
- package/dist/chart_types/partition_chart/state/chart_state.js.map +1 -1
- package/dist/chart_types/partition_chart/state/selectors/get_cursor_pointer.js +4 -1
- package/dist/chart_types/partition_chart/state/selectors/get_cursor_pointer.js.map +1 -1
- package/dist/chart_types/partition_chart/state/selectors/picked_shapes.js +2 -4
- package/dist/chart_types/partition_chart/state/selectors/picked_shapes.js.map +1 -1
- package/dist/chart_types/timeslip/internal_chart_state.js +6 -1
- package/dist/chart_types/timeslip/internal_chart_state.js.map +1 -1
- package/dist/chart_types/timeslip/timeslip/data.js.map +1 -1
- package/dist/chart_types/wordcloud/state/chart_state.js +6 -1
- package/dist/chart_types/wordcloud/state/chart_state.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/canvas/animations/animation.d.ts.map +1 -1
- package/dist/chart_types/xy_chart/renderer/canvas/animations/animation.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/dom/annotations/annotation_tooltip.js +1 -1
- package/dist/chart_types/xy_chart/renderer/dom/annotations/annotation_tooltip.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/dom/cursor_band.js +13 -4
- package/dist/chart_types/xy_chart/renderer/dom/cursor_band.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/dom/cursor_line.js +13 -4
- package/dist/chart_types/xy_chart/renderer/dom/cursor_line.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/dom/highlighter.js +5 -1
- package/dist/chart_types/xy_chart/renderer/dom/highlighter.js.map +1 -1
- package/dist/chart_types/xy_chart/specs/axis.d.ts +1 -1
- package/dist/chart_types/xy_chart/state/chart_state.js +2 -2
- package/dist/chart_types/xy_chart/state/chart_state.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/get_cursor_pointer.js +9 -1
- package/dist/chart_types/xy_chart/state/selectors/get_cursor_pointer.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/get_legend_item_extra_values.d.ts +2 -0
- package/dist/chart_types/xy_chart/state/selectors/get_legend_item_extra_values.d.ts.map +1 -0
- package/dist/chart_types/xy_chart/state/selectors/get_legend_item_extra_values.js +11 -0
- package/dist/chart_types/xy_chart/state/selectors/get_legend_item_extra_values.js.map +1 -0
- package/dist/chart_types/xy_chart/state/selectors/get_projected_pointer_position.js +2 -2
- package/dist/chart_types/xy_chart/state/selectors/get_projected_pointer_position.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/get_tooltip_values_highlighted_geoms.js +26 -7
- package/dist/chart_types/xy_chart/state/selectors/get_tooltip_values_highlighted_geoms.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/is_tooltip_visible.js +18 -9
- package/dist/chart_types/xy_chart/state/selectors/is_tooltip_visible.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/on_element_out_caller.js +1 -1
- package/dist/chart_types/xy_chart/state/selectors/on_element_out_caller.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/on_element_over_caller.js +1 -1
- package/dist/chart_types/xy_chart/state/selectors/on_element_over_caller.js.map +1 -1
- package/dist/chart_types/xy_chart/tooltip/tooltip.js +3 -3
- package/dist/chart_types/xy_chart/tooltip/tooltip.js.map +1 -1
- package/dist/common/constants.js +3 -2
- package/dist/common/constants.js.map +1 -1
- package/dist/common/hooks/use_render_skip.d.ts +2 -0
- package/dist/common/hooks/use_render_skip.d.ts.map +1 -0
- package/dist/common/hooks/use_render_skip.js +32 -0
- package/dist/common/hooks/use_render_skip.js.map +1 -0
- package/dist/components/chart_container.js +53 -16
- package/dist/components/chart_container.js.map +1 -1
- package/dist/components/legend/label.js.map +1 -1
- package/dist/components/legend/legend.js +4 -1
- package/dist/components/legend/legend.js.map +1 -1
- package/dist/components/portal/tooltip_portal.js +14 -1
- package/dist/components/portal/tooltip_portal.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_actions.d.ts +2 -0
- package/dist/components/tooltip/components/tooltip_actions.d.ts.map +1 -0
- package/dist/components/tooltip/components/tooltip_actions.js +155 -0
- package/dist/components/tooltip/components/tooltip_actions.js.map +1 -0
- package/dist/components/tooltip/components/tooltip_body.js +49 -8
- package/dist/components/tooltip/components/tooltip_body.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_divider.js +1 -1
- package/dist/components/tooltip/components/tooltip_divider.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_footer.js +1 -1
- package/dist/components/tooltip/components/tooltip_footer.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_header.d.ts.map +1 -1
- package/dist/components/tooltip/components/tooltip_header.js +7 -2
- package/dist/components/tooltip/components/tooltip_header.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_prompt.d.ts +2 -0
- package/dist/components/tooltip/components/tooltip_prompt.d.ts.map +1 -0
- package/dist/components/tooltip/components/tooltip_prompt.js +16 -0
- package/dist/components/tooltip/components/tooltip_prompt.js.map +1 -0
- package/dist/components/tooltip/components/tooltip_provider.js +22 -2
- package/dist/components/tooltip/components/tooltip_provider.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_table.d.ts +11 -3
- package/dist/components/tooltip/components/tooltip_table.d.ts.map +1 -1
- package/dist/components/tooltip/components/tooltip_table.js +47 -9
- package/dist/components/tooltip/components/tooltip_table.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_body.d.ts +4 -1
- package/dist/components/tooltip/components/tooltip_table_body.d.ts.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_body.js +35 -8
- package/dist/components/tooltip/components/tooltip_table_body.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_cell.d.ts +3 -1
- package/dist/components/tooltip/components/tooltip_table_cell.d.ts.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_cell.js +7 -6
- package/dist/components/tooltip/components/tooltip_table_cell.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_color_cell.d.ts +3 -2
- package/dist/components/tooltip/components/tooltip_table_color_cell.d.ts.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_color_cell.js +25 -7
- package/dist/components/tooltip/components/tooltip_table_color_cell.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_footer.d.ts +2 -3
- package/dist/components/tooltip/components/tooltip_table_footer.d.ts.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_footer.js +4 -4
- package/dist/components/tooltip/components/tooltip_table_footer.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_header.d.ts +2 -3
- package/dist/components/tooltip/components/tooltip_table_header.d.ts.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_header.js +3 -3
- package/dist/components/tooltip/components/tooltip_table_header.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_row.d.ts +5 -3
- package/dist/components/tooltip/components/tooltip_table_row.d.ts.map +1 -1
- package/dist/components/tooltip/components/tooltip_table_row.js +7 -3
- package/dist/components/tooltip/components/tooltip_table_row.js.map +1 -1
- package/dist/components/tooltip/components/tooltip_wrapper.js +64 -4
- package/dist/components/tooltip/components/tooltip_wrapper.js.map +1 -1
- package/dist/components/tooltip/components/types.d.ts +9 -0
- package/dist/components/tooltip/components/types.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip.js +48 -16
- package/dist/components/tooltip/tooltip.js.map +1 -1
- package/dist/components/tooltip/types.d.ts +33 -0
- package/dist/components/tooltip/types.d.ts.map +1 -1
- package/dist/specs/constants.d.ts +1 -1
- package/dist/specs/tooltip.d.ts +64 -4
- package/dist/specs/tooltip.d.ts.map +1 -1
- package/dist/specs/tooltip.js +8 -0
- package/dist/specs/tooltip.js.map +1 -1
- package/dist/state/actions/mouse.js +6 -1
- package/dist/state/actions/mouse.js.map +1 -1
- package/dist/state/actions/tooltip.d.ts +2 -0
- package/dist/state/actions/tooltip.d.ts.map +1 -0
- package/dist/state/actions/tooltip.js +20 -0
- package/dist/state/actions/tooltip.js.map +1 -0
- package/dist/state/chart_state.js +5 -2
- package/dist/state/chart_state.js.map +1 -1
- package/dist/state/reducers/interactions.js +47 -0
- package/dist/state/reducers/interactions.js.map +1 -1
- package/dist/state/selectors/can_pin_tooltip.d.ts +2 -0
- package/dist/state/selectors/can_pin_tooltip.d.ts.map +1 -0
- package/dist/state/selectors/can_pin_tooltip.js +28 -0
- package/dist/state/selectors/can_pin_tooltip.js.map +1 -0
- package/dist/state/selectors/get_active_pointer_position.d.ts +2 -0
- package/dist/state/selectors/get_active_pointer_position.d.ts.map +1 -0
- package/dist/state/selectors/get_active_pointer_position.js +10 -0
- package/dist/state/selectors/get_active_pointer_position.js.map +1 -0
- package/dist/state/selectors/get_internal_cursor_pointer.js.map +1 -1
- package/dist/state/selectors/get_internal_is_tooltip_visible.js +1 -1
- package/dist/state/selectors/get_internal_is_tooltip_visible.js.map +1 -1
- package/dist/state/selectors/get_tooltip_interaction_state.d.ts +2 -0
- package/dist/state/selectors/get_tooltip_interaction_state.d.ts.map +1 -0
- package/dist/state/selectors/get_tooltip_interaction_state.js +9 -0
- package/dist/state/selectors/get_tooltip_interaction_state.js.map +1 -0
- package/dist/state/selectors/get_tooltip_selected_items.d.ts +2 -0
- package/dist/state/selectors/get_tooltip_selected_items.d.ts.map +1 -0
- package/dist/state/selectors/get_tooltip_selected_items.js +15 -0
- package/dist/state/selectors/get_tooltip_selected_items.js.map +1 -0
- package/dist/state/utils.js +7 -1
- package/dist/state/utils.js.map +1 -1
- package/dist/theme.scss +241 -61
- package/dist/theme_dark.css +1 -1
- package/dist/theme_dark.css.map +1 -1
- package/dist/theme_light.css +1 -1
- package/dist/theme_light.css.map +1 -1
- package/dist/theme_only_dark.css +1 -1
- package/dist/theme_only_dark.css.map +1 -1
- package/dist/theme_only_light.css +1 -1
- package/dist/theme_only_light.css.map +1 -1
- package/dist/utils/themes/dark_theme.d.ts.map +1 -1
- package/dist/utils/themes/dark_theme.js +5 -0
- package/dist/utils/themes/dark_theme.js.map +1 -1
- package/dist/utils/themes/light_theme.d.ts.map +1 -1
- package/dist/utils/themes/light_theme.js +5 -0
- package/dist/utils/themes/light_theme.js.map +1 -1
- package/dist/utils/themes/theme.d.ts +25 -0
- package/dist/utils/themes/theme.d.ts.map +1 -1
- package/dist/utils/themes/theme.js.map +1 -1
- package/package.json +1 -1
- package/dist/chart_types/xy_chart/state/selectors/get_highlighted_values.d.ts +0 -2
- package/dist/chart_types/xy_chart/state/selectors/get_highlighted_values.d.ts.map +0 -1
- package/dist/chart_types/xy_chart/state/selectors/get_highlighted_values.js +0 -11
- package/dist/chart_types/xy_chart/state/selectors/get_highlighted_values.js.map +0 -1
|
@@ -28,17 +28,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.TooltipTableColorCell = void 0;
|
|
29
29
|
var classnames_1 = __importDefault(require("classnames"));
|
|
30
30
|
var react_1 = __importDefault(require("react"));
|
|
31
|
+
var color_calcs_1 = require("../../../common/color_calcs");
|
|
32
|
+
var color_library_wrappers_1 = require("../../../common/color_library_wrappers");
|
|
33
|
+
var colors_1 = require("../../../common/colors");
|
|
31
34
|
var tooltip_provider_1 = require("./tooltip_provider");
|
|
32
35
|
var tooltip_table_cell_1 = require("./tooltip_table_cell");
|
|
33
36
|
function TooltipTableColorCell(_a) {
|
|
34
|
-
var color = _a.color, className = _a.className, cellProps = __rest(_a, ["color", "className"]);
|
|
35
|
-
var
|
|
37
|
+
var color = _a.color, className = _a.className, displayOnly = _a.displayOnly, cellProps = __rest(_a, ["color", "className", "displayOnly"]);
|
|
38
|
+
var _b = (0, tooltip_provider_1.useTooltipContext)(), backgroundColor = _b.backgroundColor, theme = _b.theme;
|
|
39
|
+
var getDotColor = function (stripColor) {
|
|
40
|
+
if (color === colors_1.Colors.Transparent.keyword) {
|
|
41
|
+
return theme.defaultDotColor;
|
|
42
|
+
}
|
|
43
|
+
var foregroundRGBA = (0, color_library_wrappers_1.colorToRgba)(stripColor === colors_1.Colors.Transparent.keyword ? backgroundColor : stripColor);
|
|
44
|
+
var backgroundRGBA = (0, color_library_wrappers_1.colorToRgba)(backgroundColor);
|
|
45
|
+
var blendedFgBg = (0, color_calcs_1.combineColors)(foregroundRGBA, backgroundRGBA);
|
|
46
|
+
return (0, color_library_wrappers_1.RGBATupleToString)((0, color_calcs_1.highContrastColor)(blendedFgBg, 'WCAG3'));
|
|
47
|
+
};
|
|
48
|
+
var renderColorStrip = function () {
|
|
49
|
+
if (!color)
|
|
50
|
+
return null;
|
|
51
|
+
var dotColor = getDotColor(color);
|
|
52
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
53
|
+
react_1.default.createElement("div", { className: "echTooltip__colorStrip--bg", style: { backgroundColor: backgroundColor } }),
|
|
54
|
+
react_1.default.createElement("div", { className: "echTooltip__colorStrip", style: { backgroundColor: color, color: dotColor } }),
|
|
55
|
+
react_1.default.createElement("div", { className: "echTooltip__colorStrip--spacer" })));
|
|
56
|
+
};
|
|
36
57
|
return (react_1.default.createElement(tooltip_table_cell_1.TooltipTableCell, __assign({}, cellProps, { className: (0, classnames_1.default)('echTooltip__colorCell', className, {
|
|
37
|
-
'echTooltip__colorCell--
|
|
38
|
-
}) }),
|
|
39
|
-
react_1.default.createElement("div", { className: "echTooltip__colorStrip", style: { backgroundColor: backgroundColor } }),
|
|
40
|
-
react_1.default.createElement("div", { className: "echTooltip__colorStrip", style: { backgroundColor: color } }),
|
|
41
|
-
react_1.default.createElement("div", { className: "echTooltip__colorStripSpacer" }))) : null));
|
|
58
|
+
'echTooltip__colorCell--static': displayOnly,
|
|
59
|
+
}) }), renderColorStrip()));
|
|
42
60
|
}
|
|
43
61
|
exports.TooltipTableColorCell = TooltipTableColorCell;
|
|
44
62
|
//# sourceMappingURL=tooltip_table_color_cell.js.map
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { SeriesIdentifier } from '../../../common/series_id';
|
|
3
3
|
import { BaseDatum, TooltipValue } from '../../../specs';
|
|
4
4
|
import { Datum } from '../../../utils/common';
|
|
@@ -9,9 +9,8 @@ declare type TooltipTableFooterProps<D extends BaseDatum = Datum, SI extends Ser
|
|
|
9
9
|
items: TooltipValue<D, SI>[];
|
|
10
10
|
}, {}, {
|
|
11
11
|
className?: string;
|
|
12
|
-
maxHeight?: CSSProperties['maxHeight'];
|
|
13
12
|
}>;
|
|
14
13
|
/** @public */
|
|
15
|
-
export declare const TooltipTableFooter: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({
|
|
14
|
+
export declare const TooltipTableFooter: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ className, ...props }: TooltipTableFooterProps<D, SI>) => JSX.Element | null;
|
|
16
15
|
export {};
|
|
17
16
|
//# sourceMappingURL=tooltip_table_footer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_footer.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_footer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"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"}
|
|
@@ -21,15 +21,15 @@ var tooltip_table_cell_1 = require("./tooltip_table_cell");
|
|
|
21
21
|
var tooltip_table_color_cell_1 = require("./tooltip_table_color_cell");
|
|
22
22
|
var tooltip_table_row_1 = require("./tooltip_table_row");
|
|
23
23
|
var TooltipTableFooter = function (_a) {
|
|
24
|
-
var
|
|
24
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
25
25
|
var classes = (0, classnames_1.default)('echTooltip__tableFooter', className);
|
|
26
26
|
if ('children' in props) {
|
|
27
|
-
return (react_1.default.createElement("
|
|
27
|
+
return (react_1.default.createElement("div", { role: "rowgroup", className: classes }, props.children));
|
|
28
28
|
}
|
|
29
29
|
if (props.columns.every(function (c) { return !c.footer; }))
|
|
30
30
|
return null;
|
|
31
|
-
return (react_1.default.createElement("
|
|
32
|
-
react_1.default.createElement(tooltip_table_row_1.TooltipTableRow,
|
|
31
|
+
return (react_1.default.createElement("div", { role: "rowgroup", className: classes },
|
|
32
|
+
react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, null, props.columns.map(function (_a, i) {
|
|
33
33
|
var style = _a.style, id = _a.id, cn = _a.className, type = _a.type, footer = _a.footer;
|
|
34
34
|
var key = id !== null && id !== void 0 ? id : "".concat(type, "-").concat(i);
|
|
35
35
|
if (type === 'color')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_footer.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,
|
|
1
|
+
{"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { SeriesIdentifier } from '../../../common/series_id';
|
|
3
3
|
import { BaseDatum, TooltipValue } from '../../../specs';
|
|
4
4
|
import { Datum } from '../../../utils/common';
|
|
@@ -9,9 +9,8 @@ declare type TooltipTableHeaderProps<D extends BaseDatum = Datum, SI extends Ser
|
|
|
9
9
|
items: TooltipValue<D, SI>[];
|
|
10
10
|
}, {}, {
|
|
11
11
|
className?: string;
|
|
12
|
-
maxHeight?: CSSProperties['maxHeight'];
|
|
13
12
|
}>;
|
|
14
13
|
/** @public */
|
|
15
|
-
export declare const TooltipTableHeader: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({
|
|
14
|
+
export declare const TooltipTableHeader: <D extends BaseDatum = any, SI extends SeriesIdentifier = SeriesIdentifier>({ className, ...props }: TooltipTableHeaderProps<D, SI>) => JSX.Element | null;
|
|
16
15
|
export {};
|
|
17
16
|
//# sourceMappingURL=tooltip_table_header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_header.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_header.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"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"}
|
|
@@ -21,14 +21,14 @@ var tooltip_table_cell_1 = require("./tooltip_table_cell");
|
|
|
21
21
|
var tooltip_table_color_cell_1 = require("./tooltip_table_color_cell");
|
|
22
22
|
var tooltip_table_row_1 = require("./tooltip_table_row");
|
|
23
23
|
var TooltipTableHeader = function (_a) {
|
|
24
|
-
var
|
|
24
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
25
25
|
var classes = (0, classnames_1.default)('echTooltip__tableHeader', className);
|
|
26
26
|
if ('children' in props) {
|
|
27
|
-
return (react_1.default.createElement("
|
|
27
|
+
return (react_1.default.createElement("div", { role: "rowgroup", className: classes }, props.children));
|
|
28
28
|
}
|
|
29
29
|
if (props.columns.every(function (c) { return !c.header; }))
|
|
30
30
|
return null;
|
|
31
|
-
return (react_1.default.createElement("
|
|
31
|
+
return (react_1.default.createElement("div", { role: "rowgroup", className: classes },
|
|
32
32
|
react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, null, props.columns.map(function (_a, i) {
|
|
33
33
|
var header = _a.header, style = _a.style, id = _a.id, cn = _a.className, type = _a.type;
|
|
34
34
|
var key = id !== null && id !== void 0 ? id : "".concat(type, "-").concat(i);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_header.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"tooltip_table_header.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_header.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,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,EAAE,QAAA,EAAa,EAAE,eAAA,EAAE,IAAI,UAAA;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,GAAG,IACpD,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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
2
|
declare type TooltipTableRowProps = PropsWithChildren<{
|
|
3
|
+
id?: string;
|
|
3
4
|
className?: string;
|
|
4
5
|
isHighlighted?: boolean;
|
|
5
|
-
|
|
6
|
+
isSelected?: boolean;
|
|
7
|
+
onSelect?: () => void;
|
|
6
8
|
}>;
|
|
7
9
|
/** @public */
|
|
8
|
-
export declare const TooltipTableRow: ({
|
|
10
|
+
export declare const TooltipTableRow: ({ id, isHighlighted, isSelected, children, onSelect, className, }: TooltipTableRowProps) => JSX.Element;
|
|
9
11
|
export {};
|
|
10
12
|
//# sourceMappingURL=tooltip_table_row.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_row.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_row.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"tooltip_table_row.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_row.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,aAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AAEH,cAAc;AACd,eAAO,MAAM,eAAe,sEAOzB,oBAAoB,gBAuBtB,CAAC"}
|
|
@@ -7,13 +7,17 @@ exports.TooltipTableRow = void 0;
|
|
|
7
7
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
9
|
var common_1 = require("../../../utils/common");
|
|
10
|
+
var tooltip_provider_1 = require("./tooltip_provider");
|
|
10
11
|
var TooltipTableRow = function (_a) {
|
|
11
|
-
var
|
|
12
|
+
var id = _a.id, _b = _a.isHighlighted, isHighlighted = _b === void 0 ? false : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, children = _a.children, onSelect = _a.onSelect, className = _a.className;
|
|
13
|
+
var actionable = (0, tooltip_provider_1.useTooltipContext)().actionable;
|
|
14
|
+
var isSelectable = actionable && !(0, common_1.isNil)(onSelect);
|
|
12
15
|
var classes = (0, classnames_1.default)('echTooltip__tableRow', className, {
|
|
13
|
-
'echTooltip__tableRow--scrollable': !(0, common_1.isNil)(maxHeight),
|
|
14
16
|
'echTooltip__tableRow--highlighted': isHighlighted,
|
|
17
|
+
'echTooltip__tableRow--selected': isSelected,
|
|
18
|
+
'echTooltip__tableRow--selectable': isSelectable,
|
|
15
19
|
});
|
|
16
|
-
return (react_1.default.createElement("
|
|
20
|
+
return (react_1.default.createElement("div", { role: "row", id: id, className: classes, onClick: isSelectable ? onSelect : undefined, onKeyPress: isSelectable ? onSelect : undefined }, children));
|
|
17
21
|
};
|
|
18
22
|
exports.TooltipTableRow = TooltipTableRow;
|
|
19
23
|
//# sourceMappingURL=tooltip_table_row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_row.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_row.tsx"],"names":[],"mappings":";;;;;;AAQA,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"tooltip_table_row.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_row.tsx"],"names":[],"mappings":";;;;;;AAQA,0DAAoC;AACpC,gDAAiD;AAEjD,gDAA8C;AAC9C,uDAAuD;AAWhD,IAAM,eAAe,GAAG,UAAC,EAOT;QANrB,EAAE,QAAA,EACF,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA;IAED,IAAA,UAAU,GAAK,IAAA,oCAAiB,GAAE,WAAxB,CAAyB;IAE3C,IAAM,YAAY,GAAG,UAAU,IAAI,CAAC,IAAA,cAAK,EAAC,QAAQ,CAAC,CAAC;IACpD,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EAAE,SAAS,EAAE;QAC5D,mCAAmC,EAAE,aAAa;QAClD,gCAAgC,EAAE,UAAU;QAC5C,kCAAkC,EAAE,YAAY;KACjD,CAAC,CAAC;IAEH,OAAO,CAGL,uCACE,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC5C,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAE9C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,eAAe,mBA8B1B"}
|
|
@@ -1,17 +1,77 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
+
if (!m) return o;
|
|
28
|
+
var i = m.call(o), r, ar = [], e;
|
|
29
|
+
try {
|
|
30
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
+
}
|
|
32
|
+
catch (error) { e = { error: error }; }
|
|
33
|
+
finally {
|
|
34
|
+
try {
|
|
35
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
+
}
|
|
37
|
+
finally { if (e) throw e.error; }
|
|
38
|
+
}
|
|
39
|
+
return ar;
|
|
40
|
+
};
|
|
2
41
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
42
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
43
|
};
|
|
5
44
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
45
|
exports.TooltipWrapper = void 0;
|
|
7
46
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
|
-
var react_1 =
|
|
47
|
+
var react_1 = __importStar(require("react"));
|
|
9
48
|
var common_1 = require("../../../utils/common");
|
|
49
|
+
var tooltip_actions_1 = require("./tooltip_actions");
|
|
50
|
+
var tooltip_prompt_1 = require("./tooltip_prompt");
|
|
10
51
|
var tooltip_provider_1 = require("./tooltip_provider");
|
|
11
52
|
var TooltipWrapper = function (_a) {
|
|
12
|
-
var children = _a.children, className = _a.className;
|
|
13
|
-
var
|
|
14
|
-
|
|
53
|
+
var children = _a.children, className = _a.className, actions = _a.actions, actionPrompt = _a.actionPrompt, pinningPrompt = _a.pinningPrompt, selectionPrompt = _a.selectionPrompt, actionsLoading = _a.actionsLoading, noActionsLoaded = _a.noActionsLoaded;
|
|
54
|
+
var _b = (0, tooltip_provider_1.useTooltipContext)(), dir = _b.dir, pinned = _b.pinned, canPinTooltip = _b.canPinTooltip, selected = _b.selected, theme = _b.theme, actionable = _b.actionable;
|
|
55
|
+
var tooltipRef = (0, react_1.useRef)(null);
|
|
56
|
+
var _c = __read((0, react_1.useState)(0), 2), minWidth = _c[0], setMinWidth = _c[1];
|
|
57
|
+
(0, react_1.useEffect)(function () {
|
|
58
|
+
window.requestAnimationFrame(function () {
|
|
59
|
+
if (tooltipRef.current) {
|
|
60
|
+
var width = tooltipRef.current.getBoundingClientRect().width;
|
|
61
|
+
setMinWidth(width);
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
}, []);
|
|
65
|
+
(0, react_1.useEffect)(function () {
|
|
66
|
+
if (pinned && tooltipRef.current && minWidth < theme.maxWidth) {
|
|
67
|
+
var width = tooltipRef.current.getBoundingClientRect().width;
|
|
68
|
+
if (width > minWidth)
|
|
69
|
+
setMinWidth(width);
|
|
70
|
+
}
|
|
71
|
+
}, [selected, pinned, minWidth, theme.maxWidth]);
|
|
72
|
+
return (react_1.default.createElement("div", { className: (0, classnames_1.default)('echTooltip', className, { 'echTooltip--pinned': pinned }), dir: dir, ref: tooltipRef, style: { minWidth: minWidth }, onClick: function (e) { return e.stopPropagation(); }, onKeyPress: function (e) { return e.stopPropagation(); } },
|
|
73
|
+
(0, common_1.renderComplexChildren)(children),
|
|
74
|
+
!canPinTooltip ? null : pinned ? (react_1.default.createElement(tooltip_actions_1.TooltipActions, { actions: actions, actionsLoading: actionsLoading, noActionsLoaded: noActionsLoaded, selectionPrompt: selectionPrompt })) : (react_1.default.createElement(tooltip_prompt_1.TooltipPrompt, null, actionable ? actionPrompt : pinningPrompt))));
|
|
15
75
|
};
|
|
16
76
|
exports.TooltipWrapper = TooltipWrapper;
|
|
17
77
|
//# sourceMappingURL=tooltip_wrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_wrapper.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_wrapper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip_wrapper.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_wrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,6CAA8E;AAK9E,gDAAqE;AACrE,qDAAmD;AACnD,mDAAiD;AACjD,uDAAuD;AAehD,IAAM,cAAc,GAAG,UAA8E,EAS/E;QAR3B,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,eAAe,qBAAA;IAET,IAAA,KAA8D,IAAA,oCAAiB,GAAS,EAAtF,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAA+B,CAAC;IAE/F,IAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACjD,IAAA,KAAA,OAA0B,IAAA,gBAAQ,EAAC,CAAC,CAAC,IAAA,EAApC,QAAQ,QAAA,EAAE,WAAW,QAAe,CAAC;IAE5C,IAAA,iBAAS,EAAC;QAER,MAAM,CAAC,qBAAqB,CAAC;YAC3B,IAAI,UAAU,CAAC,OAAO,EAAE;gBACd,IAAA,KAAK,GAAK,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAA/C,CAAgD;gBAC7D,WAAW,CAAC,KAAK,CAAC,CAAC;aACpB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QAER,IAAI,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE;YACrD,IAAA,KAAK,GAAK,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAA/C,CAAgD;YAC7D,IAAI,KAAK,GAAG,QAAQ;gBAAE,WAAW,CAAC,KAAK,CAAC,CAAC;SAC1C;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE,SAAS,EAAE,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,EAChF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE,EACnB,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,EACnC,UAAU,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB;QAErC,IAAA,8BAAqB,EAAC,QAAQ,CAAC;QAC/B,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAChC,8BAAC,gCAAc,IACb,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,8BAAa,QAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAiB,CAC3E,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,cAAc,kBAuDzB"}
|
|
@@ -36,6 +36,15 @@ export declare type TooltipTableColumnBase<D extends BaseDatum = Datum, SI exten
|
|
|
36
36
|
* Limited styles to apply to table cells within column (i.e. `td` or `th`)
|
|
37
37
|
*/
|
|
38
38
|
style?: TooltipCellStyle;
|
|
39
|
+
/**
|
|
40
|
+
* truncates cell content sharing the available width with other columns.
|
|
41
|
+
* Set width to control column width for truncating.
|
|
42
|
+
*/
|
|
43
|
+
truncate?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Width of column used to generate [gridTemplateColumns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns).
|
|
46
|
+
*/
|
|
47
|
+
width?: CSSProperties['gridTemplateColumns'];
|
|
39
48
|
};
|
|
40
49
|
/**
|
|
41
50
|
* Table column definition for fully custom values
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/types.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C;;aAEa;AACb,oBAAY,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACb,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,cAAc,GAAG,eAAe,GAAG,aAAa,CACxG,CAAC;AAEF;;;GAGG;AACH,oBAAY,sBAAsB,CAAC,CAAC,SAAS,SAAS,GAAG,KAAK,EAAE,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,IAAI;IAChH;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;IAC/D;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -75,7 +75,10 @@ var react_1 = __importStar(require("react"));
|
|
|
75
75
|
var react_redux_1 = require("react-redux");
|
|
76
76
|
var redux_1 = require("redux");
|
|
77
77
|
var colors_1 = require("../../common/colors");
|
|
78
|
+
var specs_1 = require("../../specs");
|
|
78
79
|
var mouse_1 = require("../../state/actions/mouse");
|
|
80
|
+
var tooltip_1 = require("../../state/actions/tooltip");
|
|
81
|
+
var can_pin_tooltip_1 = require("../../state/selectors/can_pin_tooltip");
|
|
79
82
|
var get_chart_rotation_1 = require("../../state/selectors/get_chart_rotation");
|
|
80
83
|
var get_chart_theme_1 = require("../../state/selectors/get_chart_theme");
|
|
81
84
|
var get_internal_is_intialized_1 = require("../../state/selectors/get_internal_is_intialized");
|
|
@@ -83,16 +86,24 @@ var get_internal_is_tooltip_visible_1 = require("../../state/selectors/get_inter
|
|
|
83
86
|
var get_internal_tooltip_anchor_position_1 = require("../../state/selectors/get_internal_tooltip_anchor_position");
|
|
84
87
|
var get_internal_tooltip_info_1 = require("../../state/selectors/get_internal_tooltip_info");
|
|
85
88
|
var get_settings_spec_1 = require("../../state/selectors/get_settings_spec");
|
|
89
|
+
var get_tooltip_selected_items_1 = require("../../state/selectors/get_tooltip_selected_items");
|
|
86
90
|
var get_tooltip_spec_1 = require("../../state/selectors/get_tooltip_spec");
|
|
87
91
|
var common_1 = require("../../utils/common");
|
|
92
|
+
var light_theme_1 = require("../../utils/themes/light_theme");
|
|
88
93
|
var portal_1 = require("../portal");
|
|
89
94
|
var tooltip_body_1 = require("./components/tooltip_body");
|
|
90
95
|
var tooltip_provider_1 = require("./components/tooltip_provider");
|
|
91
96
|
var TooltipComponent = function (_a) {
|
|
92
|
-
var _b, _c, _d, _e, _f;
|
|
93
|
-
var
|
|
97
|
+
var _b, _c, _d, _e, _f, _g, _h;
|
|
98
|
+
var _j = _a.tooltip, header = _j.header, footer = _j.footer, actions = _j.actions, headerFormatter = _j.headerFormatter, actionPrompt = _j.actionPrompt, pinningPrompt = _j.pinningPrompt, selectionPrompt = _j.selectionPrompt, actionsLoading = _j.actionsLoading, noActionsLoaded = _j.noActionsLoaded, maxVisibleTooltipItems = _j.maxVisibleTooltipItems, anchorRef = _a.anchorRef, info = _a.info, zIndex = _a.zIndex, position = _a.position, getChartContainerRef = _a.getChartContainerRef, settings = _a.settings, tooltipTheme = _a.tooltipTheme, visible = _a.visible, rotation = _a.rotation, chartId = _a.chartId, onPointerMove = _a.onPointerMove, backgroundColor = _a.backgroundColor, pinned = _a.pinned, selected = _a.selected, toggleSelectedTooltipItem = _a.toggleSelectedTooltipItem, setSelectedTooltipItems = _a.setSelectedTooltipItems, pinTooltip = _a.pinTooltip, canPinTooltip = _a.canPinTooltip, isBrushing = _a.isBrushing;
|
|
99
|
+
var _k = __read((0, react_1.useState)(settings === null || settings === void 0 ? void 0 : settings.placement), 2), computedPlacement = _k[0], setComputedPlacement = _k[1];
|
|
94
100
|
var chartRef = getChartContainerRef();
|
|
95
|
-
var handleScroll = function () {
|
|
101
|
+
var handleScroll = function (e) {
|
|
102
|
+
var target = e.target;
|
|
103
|
+
if (target.classList.contains('echTooltip__tableBody')) {
|
|
104
|
+
e.stopImmediatePropagation();
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
96
107
|
onPointerMove({ x: -1, y: -1 }, Date.now());
|
|
97
108
|
};
|
|
98
109
|
(0, react_1.useEffect)(function () {
|
|
@@ -109,7 +120,7 @@ var TooltipComponent = function (_a) {
|
|
|
109
120
|
? [portal_1.Placement.Right, portal_1.Placement.Left, portal_1.Placement.Top, portal_1.Placement.Bottom]
|
|
110
121
|
: [portal_1.Placement.Top, portal_1.Placement.Bottom, portal_1.Placement.Right, portal_1.Placement.Left]), boundary: boundary === 'chart' ? (_a = chartRef.current) !== null && _a !== void 0 ? _a : undefined : boundary });
|
|
111
122
|
}, [settings, chartRef, rotation]);
|
|
112
|
-
if (!visible) {
|
|
123
|
+
if (!visible || isBrushing) {
|
|
113
124
|
return null;
|
|
114
125
|
}
|
|
115
126
|
var isMostlyRTL = (0, common_1.hasMostlyRTLItems)(__spreadArray(__spreadArray([], __read(((_d = (_c = (_b = info === null || info === void 0 ? void 0 : info.values) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, function (_a) {
|
|
@@ -126,10 +137,15 @@ var TooltipComponent = function (_a) {
|
|
|
126
137
|
{
|
|
127
138
|
id: 'label',
|
|
128
139
|
type: 'custom',
|
|
140
|
+
truncate: true,
|
|
129
141
|
cell: function (_a) {
|
|
130
142
|
var label = _a.label;
|
|
131
|
-
return react_1.default.createElement("span", { className: "echTooltip__label" }, label);
|
|
143
|
+
return (react_1.default.createElement("span", { className: "echTooltip__label", title: label }, label));
|
|
132
144
|
},
|
|
145
|
+
hidden: function (items) { return items.every(function (_a) {
|
|
146
|
+
var label = _a.label;
|
|
147
|
+
return !label;
|
|
148
|
+
}); },
|
|
133
149
|
style: {
|
|
134
150
|
textAlign: 'left',
|
|
135
151
|
},
|
|
@@ -141,6 +157,7 @@ var TooltipComponent = function (_a) {
|
|
|
141
157
|
var formattedValue = _a.formattedValue;
|
|
142
158
|
return (react_1.default.createElement("span", { className: "echTooltip__value", dir: "ltr" }, formattedValue));
|
|
143
159
|
},
|
|
160
|
+
truncate: true,
|
|
144
161
|
style: {
|
|
145
162
|
textAlign: 'right',
|
|
146
163
|
},
|
|
@@ -164,12 +181,13 @@ var TooltipComponent = function (_a) {
|
|
|
164
181
|
},
|
|
165
182
|
},
|
|
166
183
|
];
|
|
184
|
+
var hideActions = ((_g = info === null || info === void 0 ? void 0 : info.disableActions) !== null && _g !== void 0 ? _g : false) || (info === null || info === void 0 ? void 0 : info.values.every(function (v) { return v.displayOnly; }));
|
|
167
185
|
return (react_1.default.createElement(portal_1.TooltipPortal, { scope: "MainTooltip", zIndex: zIndex + 100, anchor: anchorRef !== null && anchorRef !== void 0 ? anchorRef : {
|
|
168
186
|
position: position,
|
|
169
187
|
appendRef: chartRef,
|
|
170
|
-
}, settings: popperSettings, chartId: chartId, visible: visible },
|
|
171
|
-
react_1.default.createElement(tooltip_provider_1.TooltipProvider, { backgroundColor: backgroundColor, dir: isMostlyRTL ? 'rtl' : 'ltr' },
|
|
172
|
-
react_1.default.createElement(tooltip_body_1.TooltipBody, { info: info, columns: columns, headerFormatter: headerFormatter, settings: settings, visible: visible, header: header, footer: footer }))));
|
|
188
|
+
}, settings: popperSettings, chartId: chartId, visible: visible, onPlacementChange: setComputedPlacement },
|
|
189
|
+
react_1.default.createElement(tooltip_provider_1.TooltipProvider, { backgroundColor: backgroundColor, dir: isMostlyRTL ? 'rtl' : 'ltr', pinned: pinned, actionable: actions.length > 0 || !Array.isArray(actions), canPinTooltip: canPinTooltip, selected: selected, values: (_h = info === null || info === void 0 ? void 0 : info.values) !== null && _h !== void 0 ? _h : [], pinTooltip: pinTooltip, theme: tooltipTheme, maxItems: maxVisibleTooltipItems },
|
|
190
|
+
react_1.default.createElement(tooltip_body_1.TooltipBody, { info: info, columns: columns, headerFormatter: headerFormatter, settings: settings, visible: visible, header: header, footer: footer, placement: computedPlacement, toggleSelected: toggleSelectedTooltipItem, setSelection: setSelectedTooltipItems, actions: hideActions || !canPinTooltip ? [] : actions, actionPrompt: actionPrompt, pinningPrompt: pinningPrompt, selectionPrompt: selectionPrompt, actionsLoading: actionsLoading, noActionsLoaded: noActionsLoaded }))));
|
|
173
191
|
};
|
|
174
192
|
exports.TooltipComponent = TooltipComponent;
|
|
175
193
|
exports.TooltipComponent.displayName = 'Tooltip';
|
|
@@ -180,38 +198,52 @@ function getTooltipSettings(tooltip, _a, isExternalTooltipVisible) {
|
|
|
180
198
|
return __assign(__assign({}, tooltip), externalPointerEvents.tooltip);
|
|
181
199
|
}
|
|
182
200
|
var HIDDEN_TOOLTIP_PROPS = {
|
|
201
|
+
tooltip: specs_1.DEFAULT_TOOLTIP_SPEC,
|
|
183
202
|
zIndex: 0,
|
|
184
203
|
visible: false,
|
|
204
|
+
isExternal: false,
|
|
185
205
|
info: undefined,
|
|
186
206
|
position: null,
|
|
187
|
-
headerFormatter: undefined,
|
|
188
207
|
settings: {},
|
|
189
208
|
rotation: 0,
|
|
190
209
|
chartId: '',
|
|
210
|
+
canPinTooltip: false,
|
|
191
211
|
backgroundColor: colors_1.Colors.Transparent.keyword,
|
|
212
|
+
pinned: false,
|
|
213
|
+
selected: [],
|
|
214
|
+
tooltipTheme: light_theme_1.LIGHT_THEME.tooltip,
|
|
215
|
+
isBrushing: false,
|
|
192
216
|
};
|
|
193
217
|
var mapDispatchToProps = function (dispatch) {
|
|
194
|
-
return (0, redux_1.bindActionCreators)({
|
|
218
|
+
return (0, redux_1.bindActionCreators)({
|
|
219
|
+
onPointerMove: mouse_1.onPointerMove,
|
|
220
|
+
toggleSelectedTooltipItem: tooltip_1.toggleSelectedTooltipItem,
|
|
221
|
+
setSelectedTooltipItems: tooltip_1.setSelectedTooltipItems,
|
|
222
|
+
pinTooltip: tooltip_1.pinTooltip,
|
|
223
|
+
}, dispatch);
|
|
195
224
|
};
|
|
196
225
|
var mapStateToPropsBasic = function (state) {
|
|
197
226
|
var tooltip = (0, get_tooltip_spec_1.getTooltipSpecSelector)(state);
|
|
227
|
+
var _a = (0, get_chart_theme_1.getChartThemeSelector)(state), backgroundColor = _a.background.color, tooltipTheme = _a.tooltip;
|
|
228
|
+
var isExternal = (0, get_internal_is_tooltip_visible_1.getInternalIsTooltipVisibleSelector)(state).isExternal;
|
|
198
229
|
return (0, get_internal_is_intialized_1.getInternalIsInitializedSelector)(state) !== get_internal_is_intialized_1.InitStatus.Initialized
|
|
199
230
|
? HIDDEN_TOOLTIP_PROPS
|
|
200
231
|
: {
|
|
232
|
+
tooltip: tooltip,
|
|
233
|
+
isExternal: isExternal,
|
|
234
|
+
isBrushing: false,
|
|
201
235
|
zIndex: state.zIndex,
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
header: tooltip.header,
|
|
205
|
-
footer: tooltip.footer,
|
|
236
|
+
settings: getTooltipSettings(tooltip, (0, get_settings_spec_1.getSettingsSpecSelector)(state), isExternal),
|
|
237
|
+
tooltipTheme: tooltipTheme,
|
|
206
238
|
rotation: (0, get_chart_rotation_1.getChartRotationSelector)(state),
|
|
207
239
|
chartId: state.chartId,
|
|
208
|
-
backgroundColor:
|
|
240
|
+
backgroundColor: backgroundColor,
|
|
209
241
|
};
|
|
210
242
|
};
|
|
211
243
|
var mapStateToProps = function (state) {
|
|
212
244
|
return (0, get_internal_is_intialized_1.getInternalIsInitializedSelector)(state) !== get_internal_is_intialized_1.InitStatus.Initialized
|
|
213
245
|
? HIDDEN_TOOLTIP_PROPS
|
|
214
|
-
: __assign(__assign({}, mapStateToPropsBasic(state)), { visible: (0, get_internal_is_tooltip_visible_1.getInternalIsTooltipVisibleSelector)(state).visible, position: (0, get_internal_tooltip_anchor_position_1.getInternalTooltipAnchorPositionSelector)(state), info: (0, get_internal_tooltip_info_1.getInternalTooltipInfoSelector)(state) });
|
|
246
|
+
: __assign(__assign({}, mapStateToPropsBasic(state)), { visible: (0, get_internal_is_tooltip_visible_1.getInternalIsTooltipVisibleSelector)(state).visible, position: (0, get_internal_tooltip_anchor_position_1.getInternalTooltipAnchorPositionSelector)(state), info: (0, get_internal_tooltip_info_1.getInternalTooltipInfoSelector)(state), pinned: state.interactions.tooltip.pinned, selected: (0, get_tooltip_selected_items_1.getTooltipSelectedItems)(state), canPinTooltip: (0, can_pin_tooltip_1.isPinnableTooltip)(state), isBrushing: state.interactions.pointer.dragging });
|
|
215
247
|
};
|
|
216
248
|
exports.Tooltip = (0, react_1.memo)((0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(exports.TooltipComponent));
|
|
217
249
|
exports.BasicTooltip = (0, react_1.memo)((0, react_redux_1.connect)(mapStateToPropsBasic)(exports.TooltipComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,34 @@ export interface TooltipInfo<D extends BaseDatum = Datum, SI extends SeriesIdent
|
|
|
24
24
|
export interface CustomTooltipProps<D extends BaseDatum = Datum, SI extends SeriesIdentifier = SeriesIdentifier> extends TooltipInfo<D, SI> {
|
|
25
25
|
headerFormatter?: TooltipValueFormatter<D, SI>;
|
|
26
26
|
dir: 'ltr' | 'rtl';
|
|
27
|
+
/**
|
|
28
|
+
* Background color for use with contrast ratios
|
|
29
|
+
*/
|
|
27
30
|
backgroundColor: string;
|
|
31
|
+
/**
|
|
32
|
+
* Tooltip is pinned
|
|
33
|
+
*/
|
|
34
|
+
pinned: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Selected items - For use with actions
|
|
37
|
+
*
|
|
38
|
+
*
|
|
39
|
+
* TODO: permit other values than TooltipValue types
|
|
40
|
+
*/
|
|
41
|
+
selected: TooltipValue<D, SI>[];
|
|
42
|
+
/**
|
|
43
|
+
* Toggles selected items - For use with actions
|
|
44
|
+
*
|
|
45
|
+
*
|
|
46
|
+
* TODO: permit other values than TooltipValue types
|
|
47
|
+
*/
|
|
48
|
+
toggleSelected: (item: TooltipValue<D, SI>) => void;
|
|
49
|
+
/**
|
|
50
|
+
* Allows setting the selected items - For use with actions
|
|
51
|
+
*
|
|
52
|
+
* TODO: permit other values than TooltipValue types
|
|
53
|
+
*/
|
|
54
|
+
setSelection: (items: TooltipValue<D, SI>[]) => void;
|
|
28
55
|
}
|
|
29
56
|
/**
|
|
30
57
|
* The react component used to render a custom tooltip
|
|
@@ -57,4 +84,10 @@ export declare type PropsOrChildrenWithProps<Props extends Record<string, unknow
|
|
|
57
84
|
export declare type Neverify<T extends Record<string, unknown>> = {
|
|
58
85
|
[Key in keyof T]?: never;
|
|
59
86
|
};
|
|
87
|
+
/** @public */
|
|
88
|
+
export declare type ToggleSelectedTooltipItemCallback = (item: TooltipValue<any, SeriesIdentifier>) => any;
|
|
89
|
+
/** @public */
|
|
90
|
+
export declare type SetSelectedTooltipItemsCallback = (items: TooltipValue<any, SeriesIdentifier>[]) => any;
|
|
91
|
+
/** @public */
|
|
92
|
+
export declare type PinTooltipCallback = (pinned: boolean, resetPointer?: boolean) => any;
|
|
60
93
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/types.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,SAAS,GAAG,KAAK,EAAE,EAAE,SAAS,gBAAgB,GAAG,gBAAgB;IACtG;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC;IACnC;;;OAGG;IACH,MAAM,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/types.ts"],"names":[],"mappings":"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"}
|