@elastic/charts 50.2.1 → 51.1.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 +157 -51
- 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/layout/viewmodel/viewmodel.js +5 -4
- package/dist/chart_types/heatmap/layout/viewmodel/viewmodel.js.map +1 -1
- package/dist/chart_types/heatmap/renderer/canvas/canvas_renderers.js +7 -3
- package/dist/chart_types/heatmap/renderer/canvas/canvas_renderers.js.map +1 -1
- package/dist/chart_types/heatmap/renderer/canvas/connected_component.js +7 -1
- package/dist/chart_types/heatmap/renderer/canvas/connected_component.js.map +1 -1
- package/dist/chart_types/heatmap/renderer/canvas/utils.d.ts +2 -0
- package/dist/chart_types/heatmap/renderer/canvas/utils.d.ts.map +1 -0
- package/dist/chart_types/heatmap/renderer/canvas/utils.js +34 -0
- package/dist/chart_types/heatmap/renderer/canvas/utils.js.map +1 -0
- 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/geometries.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 +6 -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 +5 -2
- package/dist/chart_types/heatmap/state/selectors/get_cursor_pointer.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/get_highlighted_legend_bands.d.ts +2 -0
- package/dist/chart_types/heatmap/state/selectors/get_highlighted_legend_bands.d.ts.map +1 -0
- package/dist/chart_types/heatmap/state/selectors/get_highlighted_legend_bands.js +19 -0
- package/dist/chart_types/heatmap/state/selectors/get_highlighted_legend_bands.js.map +1 -0
- package/dist/chart_types/heatmap/state/selectors/get_highlighted_legend_item.d.ts +2 -0
- package/dist/chart_types/heatmap/state/selectors/get_highlighted_legend_item.d.ts.map +1 -0
- package/dist/chart_types/heatmap/state/selectors/get_highlighted_legend_item.js +22 -0
- package/dist/chart_types/heatmap/state/selectors/get_highlighted_legend_item.js.map +1 -0
- 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 +11 -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 +16 -7
- package/dist/chart_types/xy_chart/renderer/dom/highlighter.js.map +1 -1
- package/dist/chart_types/xy_chart/rendering/utils.js +1 -13
- package/dist/chart_types/xy_chart/rendering/utils.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_elements_at_cursor_pos.js +6 -3
- package/dist/chart_types/xy_chart/state/selectors/get_elements_at_cursor_pos.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/chart_types/xy_chart/utils/indexed_geometry_map.js +2 -2
- package/dist/chart_types/xy_chart/utils/indexed_geometry_map.js.map +1 -1
- package/dist/chart_types/xy_chart/utils/indexed_geometry_spatial_map.js +6 -6
- package/dist/chart_types/xy_chart/utils/indexed_geometry_spatial_map.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/constants.d.ts.map +1 -1
- package/dist/specs/constants.js +1 -1
- package/dist/specs/constants.js.map +1 -1
- package/dist/specs/settings.d.ts +4 -1
- package/dist/specs/settings.d.ts.map +1 -1
- package/dist/specs/settings.js.map +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 +14 -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 +14 -0
- package/dist/utils/themes/light_theme.js.map +1 -1
- package/dist/utils/themes/theme.d.ts +36 -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/rendering/constants.d.ts +0 -2
- package/dist/chart_types/xy_chart/rendering/constants.d.ts.map +0 -1
- package/dist/chart_types/xy_chart/rendering/constants.js +0 -5
- package/dist/chart_types/xy_chart/rendering/constants.js.map +0 -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
|
@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
13
36
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
37
|
var t = {};
|
|
15
38
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -27,21 +50,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
51
|
exports.TooltipTableBody = void 0;
|
|
29
52
|
var classnames_1 = __importDefault(require("classnames"));
|
|
30
|
-
var react_1 =
|
|
53
|
+
var react_1 = __importStar(require("react"));
|
|
31
54
|
var tooltip_table_cell_1 = require("./tooltip_table_cell");
|
|
32
55
|
var tooltip_table_color_cell_1 = require("./tooltip_table_color_cell");
|
|
33
56
|
var tooltip_table_row_1 = require("./tooltip_table_row");
|
|
34
57
|
var TooltipTableBody = function (_a) {
|
|
35
58
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
36
|
-
var
|
|
59
|
+
var tableBodyRef = (0, react_1.useRef)(null);
|
|
37
60
|
if ('children' in props) {
|
|
38
|
-
|
|
61
|
+
var classes_1 = (0, classnames_1.default)('echTooltip__tableBody', className);
|
|
62
|
+
return (react_1.default.createElement("div", { role: "rowgroup", className: classes_1 }, props.children));
|
|
39
63
|
}
|
|
40
|
-
|
|
41
|
-
|
|
64
|
+
var items = props.items, pinned = props.pinned, selected = props.selected, onSelect = props.onSelect, columns = props.columns;
|
|
65
|
+
var classes = (0, classnames_1.default)('echTooltip__tableBody');
|
|
66
|
+
var allHighlighted = items.every(function (i) { return i.isHighlighted; });
|
|
67
|
+
return (react_1.default.createElement("div", { role: "rowgroup", className: classes, ref: tableBodyRef }, items.map(function (item) {
|
|
68
|
+
var isHighlighted = item.isHighlighted, isVisible = item.isVisible, displayOnly = item.displayOnly;
|
|
42
69
|
if (!isVisible)
|
|
43
70
|
return null;
|
|
44
|
-
return (react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, { key:
|
|
71
|
+
return (react_1.default.createElement(tooltip_table_row_1.TooltipTableRow, { key: "".concat(item.seriesIdentifier.key, "-").concat(item.label, "-").concat(item.value), isHighlighted: !pinned && !allHighlighted && isHighlighted, isSelected: pinned && selected.includes(item), onSelect: displayOnly || !onSelect ? undefined : function () { return onSelect(item); } }, columns.map(function (column, j) {
|
|
45
72
|
var _a;
|
|
46
73
|
return renderCellContent(item, column, (_a = column.id) !== null && _a !== void 0 ? _a : "".concat(column.type, "-").concat(j));
|
|
47
74
|
})));
|
|
@@ -55,8 +82,8 @@ function getCellStyles(_a) {
|
|
|
55
82
|
}
|
|
56
83
|
function renderCellContent(item, column, key) {
|
|
57
84
|
if (column.type === 'color') {
|
|
58
|
-
return react_1.default.createElement(tooltip_table_color_cell_1.TooltipTableColorCell, { color: item.color, key: key });
|
|
85
|
+
return react_1.default.createElement(tooltip_table_color_cell_1.TooltipTableColorCell, { displayOnly: item.displayOnly, color: item.color, key: key });
|
|
59
86
|
}
|
|
60
|
-
return (react_1.default.createElement(tooltip_table_cell_1.TooltipTableCell, { style: getCellStyles(column), key: key }, column.cell(item)));
|
|
87
|
+
return (react_1.default.createElement(tooltip_table_cell_1.TooltipTableCell, { truncate: column.truncate, style: getCellStyles(column), key: key }, column.cell(item)));
|
|
61
88
|
}
|
|
62
89
|
//# sourceMappingURL=tooltip_table_body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_body.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_body.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip_table_body.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_body.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,11 @@ import { TooltipCellStyle } from './types';
|
|
|
3
3
|
/** @public */
|
|
4
4
|
export declare type TooltipTableCellProps = PropsWithChildren<{
|
|
5
5
|
tagName?: 'td' | 'th';
|
|
6
|
+
truncate?: boolean;
|
|
6
7
|
className?: string;
|
|
8
|
+
title?: string;
|
|
7
9
|
style?: TooltipCellStyle;
|
|
8
10
|
}>;
|
|
9
11
|
/** @public */
|
|
10
|
-
export declare const TooltipTableCell: ({ style, tagName, className, children }: TooltipTableCellProps) => JSX.Element;
|
|
12
|
+
export declare const TooltipTableCell: ({ style, truncate, tagName, className, children, title: manualTitle, }: TooltipTableCellProps) => JSX.Element;
|
|
11
13
|
//# sourceMappingURL=tooltip_table_cell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_cell.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_cell.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
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;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,cAAc;AACd,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC,CAAC;AAEH,cAAc;AACd,eAAO,MAAM,gBAAgB,2EAO1B,qBAAqB,gBAWvB,CAAC"}
|
|
@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.TooltipTableCell = void 0;
|
|
7
7
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var common_1 = require("../../../utils/common");
|
|
9
10
|
var TooltipTableCell = function (_a) {
|
|
10
|
-
var style = _a.style, _b = _a.tagName, tagName =
|
|
11
|
-
var classes = (0, classnames_1.default)('echTooltip__tableCell', className
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return (react_1.default.createElement("
|
|
11
|
+
var style = _a.style, _b = _a.truncate, truncate = _b === void 0 ? false : _b, _c = _a.tagName, tagName = _c === void 0 ? 'td' : _c, className = _a.className, children = _a.children, manualTitle = _a.title;
|
|
12
|
+
var classes = (0, classnames_1.default)('echTooltip__tableCell', className, {
|
|
13
|
+
'echTooltip__tableCell--truncate': truncate,
|
|
14
|
+
});
|
|
15
|
+
var title = manualTitle !== null && manualTitle !== void 0 ? manualTitle : (truncate && (0, common_1.isNonNullablePrimitiveValue)(children) ? "".concat(children) : undefined);
|
|
16
|
+
return (react_1.default.createElement("div", { role: tagName === 'th' ? 'rowheader' : 'gridcell', className: classes, style: style, title: title }, children));
|
|
16
17
|
};
|
|
17
18
|
exports.TooltipTableCell = TooltipTableCell;
|
|
18
19
|
//# sourceMappingURL=tooltip_table_cell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_cell.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_cell.tsx"],"names":[],"mappings":";;;;;;AAQA,0DAAoC;AACpC,gDAAiD;
|
|
1
|
+
{"version":3,"file":"tooltip_table_cell.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_cell.tsx"],"names":[],"mappings":";;;;;;AAQA,0DAAoC;AACpC,gDAAiD;AAEjD,gDAAoE;AAa7D,IAAM,gBAAgB,GAAG,UAAC,EAOT;QANtB,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,SAAS,eAAA,EACT,QAAQ,cAAA,EACD,WAAW,WAAA;IAElB,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,SAAS,EAAE;QAC7D,iCAAiC,EAAE,QAAQ;KAC5C,CAAC,CAAC;IAEH,IAAM,KAAK,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,QAAQ,IAAI,IAAA,oCAA2B,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAG,QAAQ,CAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7G,OAAO,CACL,uCAAK,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACnG,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,gBAAgB,oBAkB3B"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TooltipTableCellProps } from './tooltip_table_cell';
|
|
3
3
|
/** @public */
|
|
4
|
-
export declare type ColorStripCellProps = Omit<TooltipTableCellProps, 'children'> & {
|
|
4
|
+
export declare type ColorStripCellProps = Omit<TooltipTableCellProps, 'children' | 'width'> & {
|
|
5
5
|
color?: string;
|
|
6
|
+
displayOnly?: boolean;
|
|
6
7
|
};
|
|
7
8
|
/**
|
|
8
9
|
* Renders color strip column cell
|
|
9
10
|
* @public
|
|
10
11
|
*/
|
|
11
|
-
export declare function TooltipTableColorCell({ color, className, ...cellProps }: ColorStripCellProps): JSX.Element | null;
|
|
12
|
+
export declare function TooltipTableColorCell({ color, className, displayOnly, ...cellProps }: ColorStripCellProps): JSX.Element | null;
|
|
12
13
|
//# sourceMappingURL=tooltip_table_color_cell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_table_color_cell.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_color_cell.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"tooltip_table_color_cell.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/components/tooltip_table_color_cell.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE/E,cAAc;AACd,oBAAY,mBAAmB,GAAG,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACb,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAoC1C"}
|
|
@@ -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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"}
|