@splunk/visualizations 27.4.0 → 27.5.1
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/Area.config.js +7 -0
- package/Area.config.js.map +2 -2
- package/Area.js +36 -6
- package/Area.js.map +2 -2
- package/Bar.config.js +7 -0
- package/Bar.config.js.map +2 -2
- package/Bar.js +37 -8
- package/Bar.js.map +2 -2
- package/Bubble.config.js +7 -0
- package/Bubble.config.js.map +2 -2
- package/Bubble.js +16 -5
- package/Bubble.js.map +2 -2
- package/CHANGELOG.external.md +36 -7
- package/ChoroplethSvg.js +2 -2
- package/Column.config.js +7 -0
- package/Column.config.js.map +2 -2
- package/Column.js +36 -6
- package/Column.js.map +2 -2
- package/Ellipse.js +65 -7
- package/Ellipse.js.map +4 -4
- package/Events.js +11 -6
- package/Events.js.map +2 -2
- package/FEATUREFLAGS.md +2 -0
- package/FillerGauge.js +2 -2
- package/Image.js +2 -2
- package/Line.config.js +7 -0
- package/Line.config.js.map +2 -2
- package/Line.js +36 -6
- package/Line.js.map +2 -2
- package/LinkGraph.js +2 -2
- package/Map.config.js +11 -0
- package/Map.config.js.map +2 -2
- package/Map.js +227 -101
- package/Map.js.map +4 -4
- package/Markdown.js +2 -2
- package/MarkerGauge.js +2 -2
- package/ParallelCoordinates.js +2 -2
- package/ParallelCoordinates.js.map +1 -1
- package/Pie.js +9 -5
- package/Pie.js.map +2 -2
- package/Punchcard.js +3 -3
- package/Punchcard.js.map +2 -2
- package/Rectangle.js +64 -7
- package/Rectangle.js.map +4 -4
- package/Sankey.js +36 -35
- package/Sankey.js.map +3 -3
- package/Scatter.config.js +7 -0
- package/Scatter.config.js.map +2 -2
- package/Scatter.js +16 -5
- package/Scatter.js.map +2 -2
- package/SingleValue.js +3 -3
- package/SingleValue.js.map +2 -2
- package/SingleValueBasic.js.map +1 -1
- package/SingleValueIcon.js +3 -3
- package/SingleValueIcon.js.map +2 -2
- package/SingleValueRadial.js +3 -3
- package/SingleValueRadial.js.map +2 -2
- package/Table.js +2 -2
- package/Timeline.js +2 -2
- package/common/Charting.js +7 -3
- package/common/Charting.js.map +2 -2
- package/common/chartingUtils.js +11 -0
- package/common/chartingUtils.js.map +2 -2
- package/common/shapeUtils.js +85 -3
- package/common/shapeUtils.js.map +4 -4
- package/common/utils/mapUtils.js +156 -43
- package/common/utils/mapUtils.js.map +4 -4
- package/common/utils/singleValueUtils.js +1 -1
- package/common/utils/singleValueUtils.js.map +2 -2
- package/common/withDashboardViz.js +2 -2
- package/package.json +16 -16
package/Column.js
CHANGED
|
@@ -652,6 +652,7 @@ var propTypes = {
|
|
|
652
652
|
onDownsamplingThresholdChange: prop_types_exports.func,
|
|
653
653
|
xField: prop_types_exports.string,
|
|
654
654
|
y2Fields: prop_types_exports.array,
|
|
655
|
+
additionalTooltipFields: prop_types_exports.array,
|
|
655
656
|
splitByLayout: prop_types_exports.oneOf(Object.values(visualization_schemas_exports.LAYOUT_TYPE)),
|
|
656
657
|
trellisKey: prop_types_exports.string,
|
|
657
658
|
trellisSplitBy: prop_types_exports.string,
|
|
@@ -697,7 +698,8 @@ var Charting = (props) => {
|
|
|
697
698
|
xField,
|
|
698
699
|
backgroundColor,
|
|
699
700
|
defaultFontColor,
|
|
700
|
-
trellisKey
|
|
701
|
+
trellisKey,
|
|
702
|
+
additionalTooltipFields
|
|
701
703
|
} = props;
|
|
702
704
|
const prevOptions = usePrevious(options);
|
|
703
705
|
const prevTimezone = usePrevious(timezone);
|
|
@@ -924,7 +926,8 @@ var Charting = (props) => {
|
|
|
924
926
|
timezone == null ? void 0 : timezone.utcOffset,
|
|
925
927
|
timezone == null ? void 0 : timezone.serializedTimezone,
|
|
926
928
|
themeKey,
|
|
927
|
-
onClick
|
|
929
|
+
onClick,
|
|
930
|
+
additionalTooltipFields
|
|
928
931
|
]);
|
|
929
932
|
return /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, null, trellisEnabled && /* @__PURE__ */ react_exports.createElement(
|
|
930
933
|
TrellisTitle,
|
|
@@ -967,7 +970,8 @@ var defaultProps = {
|
|
|
967
970
|
trellisKey: void 0,
|
|
968
971
|
trellisSplitBy: void 0,
|
|
969
972
|
backgroundColor: "",
|
|
970
|
-
defaultFontColor: ""
|
|
973
|
+
defaultFontColor: "",
|
|
974
|
+
additionalTooltipFields: []
|
|
971
975
|
};
|
|
972
976
|
Charting.propTypes = propTypes;
|
|
973
977
|
Charting.defaultProps = defaultProps;
|
|
@@ -1094,6 +1098,13 @@ var AxesChartDataConfig = {
|
|
|
1094
1098
|
}
|
|
1095
1099
|
}
|
|
1096
1100
|
],
|
|
1101
|
+
[
|
|
1102
|
+
{
|
|
1103
|
+
label: (0, i18n_exports._)("Additional tooltip fields"),
|
|
1104
|
+
option: "additionalTooltipFields",
|
|
1105
|
+
editor: "editor.columnMultiSelectionByFieldNameEditor"
|
|
1106
|
+
}
|
|
1107
|
+
],
|
|
1097
1108
|
[
|
|
1098
1109
|
{
|
|
1099
1110
|
label: (0, i18n_exports._)("Result limit"),
|
|
@@ -2717,7 +2728,7 @@ var withFixedSizeContainer = (Viz) => {
|
|
|
2717
2728
|
FixSizeItem,
|
|
2718
2729
|
{
|
|
2719
2730
|
"data-test": "fix-size-item",
|
|
2720
|
-
"data-splunk-visualization-version": "27.
|
|
2731
|
+
"data-splunk-visualization-version": "27.5.1 - 8ecd94150",
|
|
2721
2732
|
width,
|
|
2722
2733
|
height,
|
|
2723
2734
|
backgroundColor
|
|
@@ -2783,7 +2794,7 @@ var Cover = styled_components_default.div`
|
|
|
2783
2794
|
bottom: 0;
|
|
2784
2795
|
`;
|
|
2785
2796
|
var Blocker = styled_components_default.div.attrs({
|
|
2786
|
-
"data-splunk-visualization-version": "27.
|
|
2797
|
+
"data-splunk-visualization-version": "27.5.1 - 8ecd94150"
|
|
2787
2798
|
})`
|
|
2788
2799
|
position: relative;
|
|
2789
2800
|
width: 100%;
|
|
@@ -3753,6 +3764,16 @@ var constructFieldsAndColumns = ({
|
|
|
3753
3764
|
fields
|
|
3754
3765
|
};
|
|
3755
3766
|
};
|
|
3767
|
+
function constructAdditionalTooltipFieldsMap({ fields, columns, additionalTooltipFields }) {
|
|
3768
|
+
const map = {};
|
|
3769
|
+
additionalTooltipFields == null ? void 0 : additionalTooltipFields.forEach((fieldName) => {
|
|
3770
|
+
const index = fields.findIndex((f) => f.name === fieldName);
|
|
3771
|
+
if (index !== -1) {
|
|
3772
|
+
map[fieldName] = columns[index];
|
|
3773
|
+
}
|
|
3774
|
+
});
|
|
3775
|
+
return map;
|
|
3776
|
+
}
|
|
3756
3777
|
var shouldEnableSearchZoom = (eventHandlers = [], xField = "") => {
|
|
3757
3778
|
const rangeSelectEventHandler = eventHandlers.find(
|
|
3758
3779
|
(eventHandler) => {
|
|
@@ -4132,6 +4153,7 @@ var computeVizProps = (_a) => {
|
|
|
4132
4153
|
y,
|
|
4133
4154
|
xField,
|
|
4134
4155
|
yFields,
|
|
4156
|
+
additionalTooltipFields,
|
|
4135
4157
|
annotationX,
|
|
4136
4158
|
annotationLabel,
|
|
4137
4159
|
annotationColor,
|
|
@@ -4146,6 +4168,7 @@ var computeVizProps = (_a) => {
|
|
|
4146
4168
|
"y",
|
|
4147
4169
|
"xField",
|
|
4148
4170
|
"yFields",
|
|
4171
|
+
"additionalTooltipFields",
|
|
4149
4172
|
"annotationX",
|
|
4150
4173
|
"annotationLabel",
|
|
4151
4174
|
"annotationColor",
|
|
@@ -4180,6 +4203,9 @@ var computeVizProps = (_a) => {
|
|
|
4180
4203
|
y2,
|
|
4181
4204
|
y2Fields
|
|
4182
4205
|
});
|
|
4206
|
+
const additionalTooltipFieldsConstructed = constructAdditionalTooltipFieldsMap(__spreadProps(__spreadValues({}, dataSources.primary.data), {
|
|
4207
|
+
additionalTooltipFields
|
|
4208
|
+
}));
|
|
4183
4209
|
primaryData.columns = columns;
|
|
4184
4210
|
primaryData.fields = fields;
|
|
4185
4211
|
const truncationLimit = computedProps.options["chart.resultTruncationLimit"];
|
|
@@ -4196,7 +4222,11 @@ var computeVizProps = (_a) => {
|
|
|
4196
4222
|
__spreadProps(__spreadValues({}, primaryData), {
|
|
4197
4223
|
annotations: chartingAnnotations
|
|
4198
4224
|
}),
|
|
4199
|
-
{
|
|
4225
|
+
{
|
|
4226
|
+
removeRangeSelectOnLoad: true,
|
|
4227
|
+
enableSearchZoom: shouldEnableSearchZoom(eventHandlers, xField),
|
|
4228
|
+
additionalTooltipFields: additionalTooltipFieldsConstructed
|
|
4229
|
+
}
|
|
4200
4230
|
);
|
|
4201
4231
|
return computedProps;
|
|
4202
4232
|
};
|