@splunk/visualizations 27.5.0 → 28.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/Area.config.js +19 -21
- package/Area.config.js.map +3 -3
- package/Area.js +54 -32
- package/Area.js.map +3 -3
- package/Bar.config.js +18 -21
- package/Bar.config.js.map +3 -3
- package/Bar.js +48 -31
- package/Bar.js.map +3 -3
- package/Bubble.config.js +39 -44
- package/Bubble.config.js.map +4 -4
- package/Bubble.js +69 -51
- package/Bubble.js.map +4 -4
- package/CHANGELOG.external.md +35 -7
- package/ChoroplethSvg.config.js +47 -43
- package/ChoroplethSvg.config.js.map +4 -4
- package/ChoroplethSvg.js +72 -45
- package/ChoroplethSvg.js.map +4 -4
- package/Column.config.js +15 -20
- package/Column.config.js.map +3 -3
- package/Column.js +42 -29
- package/Column.js.map +3 -3
- package/Ellipse.config.js +16 -7
- package/Ellipse.config.js.map +2 -2
- package/Ellipse.js +45 -19
- package/Ellipse.js.map +2 -2
- package/Events.config.js +38 -27
- package/Events.config.js.map +4 -4
- package/Events.js +113 -97
- package/Events.js.map +4 -4
- package/FEATUREFLAGS.md +9 -9
- package/FillerGauge.config.js +20 -13
- package/FillerGauge.config.js.map +3 -3
- package/FillerGauge.js +76 -27
- package/FillerGauge.js.map +4 -4
- package/Image.config.js +5 -6
- package/Image.config.js.map +2 -2
- package/Image.js +29 -14
- package/Image.js.map +2 -2
- package/Line.config.js +15 -20
- package/Line.config.js.map +3 -3
- package/Line.js +50 -31
- package/Line.js.map +3 -3
- package/LinkGraph.config.js +39 -46
- package/LinkGraph.config.js.map +3 -3
- package/LinkGraph.js +70 -50
- package/LinkGraph.js.map +3 -3
- package/MIGRATION.md +169 -40
- package/Map.config.js +36 -13
- package/Map.config.js.map +4 -4
- package/Map.js +170 -105
- package/Map.js.map +4 -4
- package/Markdown.config.js +4 -5
- package/Markdown.config.js.map +2 -2
- package/Markdown.js +117 -72
- package/Markdown.js.map +3 -3
- package/MarkerGauge.config.js +14 -12
- package/MarkerGauge.config.js.map +3 -3
- package/MarkerGauge.js +107 -69
- package/MarkerGauge.js.map +4 -4
- package/ParallelCoordinates.config.js +14 -12
- package/ParallelCoordinates.config.js.map +3 -3
- package/ParallelCoordinates.js +113 -59
- package/ParallelCoordinates.js.map +3 -3
- package/Pie.config.js +51 -38
- package/Pie.config.js.map +4 -4
- package/Pie.js +109 -85
- package/Pie.js.map +4 -4
- package/Punchcard.config.js +36 -34
- package/Punchcard.config.js.map +4 -4
- package/Punchcard.js +153 -87
- package/Punchcard.js.map +4 -4
- package/README.internal.md +15 -15
- package/README.md +10 -10
- package/Rectangle.config.js +16 -7
- package/Rectangle.config.js.map +2 -2
- package/Rectangle.js +45 -19
- package/Rectangle.js.map +2 -2
- package/Sankey.config.js +69 -17
- package/Sankey.config.js.map +4 -4
- package/Sankey.js +178 -49
- package/Sankey.js.map +4 -4
- package/Scatter.config.js +37 -42
- package/Scatter.config.js.map +3 -3
- package/Scatter.js +70 -53
- package/Scatter.js.map +3 -3
- package/SingleValue.config.js +32 -18
- package/SingleValue.config.js.map +4 -4
- package/SingleValue.js +237 -93
- package/SingleValue.js.map +4 -4
- package/SingleValueBasic.js +1 -0
- package/SingleValueBasic.js.map +2 -2
- package/SingleValueIcon.config.js +22 -11
- package/SingleValueIcon.config.js.map +2 -2
- package/SingleValueIcon.js +84 -28
- package/SingleValueIcon.js.map +2 -2
- package/SingleValueRadial.config.js +34 -23
- package/SingleValueRadial.config.js.map +3 -3
- package/SingleValueRadial.js +89 -48
- package/SingleValueRadial.js.map +4 -4
- package/SparkLine.js +153 -49
- package/SparkLine.js.map +2 -2
- package/Table.config.js +71 -51
- package/Table.config.js.map +3 -3
- package/Table.js +282 -145
- package/Table.js.map +3 -3
- package/Timeline.config.js +36 -34
- package/Timeline.config.js.map +4 -4
- package/Timeline.js +67 -59
- package/Timeline.js.map +4 -4
- package/common/Charting.js +1 -0
- package/common/Charting.js.map +2 -2
- package/common/ChartingApi.js +1 -0
- package/common/ChartingApi.js.map +1 -1
- package/common/DocExampleWithVizSandbox.js +7 -2
- package/common/DocExampleWithVizSandbox.js.map +2 -2
- package/common/EventsDoc.js +31 -5
- package/common/EventsDoc.js.map +4 -4
- package/common/GaugeMajorTicks.js +4 -1
- package/common/GaugeMajorTicks.js.map +2 -2
- package/common/GaugeValueMarker.js +31 -3
- package/common/GaugeValueMarker.js.map +4 -4
- package/common/OptionsDoc.js +4 -1
- package/common/OptionsDoc.js.map +2 -2
- package/common/OverviewDoc.js +66 -50
- package/common/OverviewDoc.js.map +4 -4
- package/common/SplunkVisualization.js +1 -0
- package/common/SplunkVisualization.js.map +1 -1
- package/common/SplunkVisualizationApi.js +1 -0
- package/common/SplunkVisualizationApi.js.map +1 -1
- package/common/ThemedDefaults.js +67 -0
- package/common/ThemedDefaults.js.map +7 -0
- package/common/ThemesDoc.js +6 -9
- package/common/ThemesDoc.js.map +2 -2
- package/common/chartingUtils.js +1 -0
- package/common/chartingUtils.js.map +2 -2
- package/common/docUtils.js +6 -1
- package/common/docUtils.js.map +2 -2
- package/common/gaugeUtils.js +6 -1
- package/common/gaugeUtils.js.map +2 -2
- package/common/shapeUtils.js +6 -4
- package/common/shapeUtils.js.map +2 -2
- package/common/utils/configUtils.js +4 -5
- package/common/utils/configUtils.js.map +2 -2
- package/common/utils/dataUtils.js +1 -0
- package/common/utils/dataUtils.js.map +2 -2
- package/common/utils/featureFlagUtils.js +1 -0
- package/common/utils/featureFlagUtils.js.map +1 -1
- package/common/utils/hocUtils.js +1 -0
- package/common/utils/hocUtils.js.map +1 -1
- package/common/utils/mapUtils.js +35 -22
- package/common/utils/mapUtils.js.map +4 -4
- package/common/utils/singleValueUtils.js +8 -2
- package/common/utils/singleValueUtils.js.map +2 -2
- package/common/utils/styleUtils.js +1 -0
- package/common/utils/styleUtils.js.map +1 -1
- package/common/utils/testHelper.js +1 -0
- package/common/utils/testHelper.js.map +1 -1
- package/common/utils/trellisUtils.js +1 -0
- package/common/utils/trellisUtils.js.map +1 -1
- package/common/utils/urlUtils.js +1 -0
- package/common/utils/urlUtils.js.map +1 -1
- package/common/withDashboardViz.js +25 -8
- package/common/withDashboardViz.js.map +2 -2
- package/package.json +37 -35
package/Area.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* Copyright © 2020 Splunk Inc.
|
|
2
2
|
SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
3
3
|
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
|
+
"use strict";
|
|
4
5
|
var __create = Object.create;
|
|
5
6
|
var __defProp = Object.defineProperty;
|
|
6
7
|
var __defProps = Object.defineProperties;
|
|
@@ -1037,11 +1038,9 @@ var configUtils_default = "default" in defaultImport22 ? defaultImport22.default
|
|
|
1037
1038
|
// src/common/utils/configUtils.ts
|
|
1038
1039
|
function enhanceConfig(vizConfig) {
|
|
1039
1040
|
const enhancedConfig = __spreadValues({}, vizConfig);
|
|
1040
|
-
enhancedConfig.editorConfig = vizConfig.editorConfig.map(
|
|
1041
|
-
(config2)
|
|
1042
|
-
|
|
1043
|
-
}
|
|
1044
|
-
);
|
|
1041
|
+
enhancedConfig.editorConfig = vizConfig.editorConfig.map((config2) => {
|
|
1042
|
+
return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
|
|
1043
|
+
});
|
|
1045
1044
|
return enhancedConfig;
|
|
1046
1045
|
}
|
|
1047
1046
|
var insertLayout = (layout, index, ...layoutItems) => [
|
|
@@ -1261,7 +1260,6 @@ var TrellisEditorConfig = [
|
|
|
1261
1260
|
editorProps: {
|
|
1262
1261
|
min: 1
|
|
1263
1262
|
},
|
|
1264
|
-
placeholder: (0, i18n_exports._)("Auto"),
|
|
1265
1263
|
showEditor: isTrellisEnabled2
|
|
1266
1264
|
}
|
|
1267
1265
|
],
|
|
@@ -1490,15 +1488,18 @@ var background = ({
|
|
|
1490
1488
|
];
|
|
1491
1489
|
var BackgroundColor_default = background;
|
|
1492
1490
|
|
|
1491
|
+
// src/common/ThemedDefaults.tsx
|
|
1492
|
+
var defaultBackgroundColor = (props) => pick_default({
|
|
1493
|
+
enterprise: {
|
|
1494
|
+
dark: variables_default.black(props),
|
|
1495
|
+
light: variables_default.white(props)
|
|
1496
|
+
},
|
|
1497
|
+
prisma: variables_default.backgroundColorSection(props)
|
|
1498
|
+
})(props);
|
|
1499
|
+
|
|
1493
1500
|
// src/common/editorConfig/AxesChartColorAndStyle.ts
|
|
1494
1501
|
var themes = {
|
|
1495
|
-
defaultBackgroundColor
|
|
1496
|
-
enterprise: {
|
|
1497
|
-
dark: variables_default.black(props),
|
|
1498
|
-
light: variables_default.backgroundColor(props)
|
|
1499
|
-
},
|
|
1500
|
-
prisma: variables_default.backgroundColorSidebar(props)
|
|
1501
|
-
})(props)
|
|
1502
|
+
defaultBackgroundColor
|
|
1502
1503
|
};
|
|
1503
1504
|
var AxesChartColorAndStyle = {
|
|
1504
1505
|
label: (0, i18n_exports._)("Color and style"),
|
|
@@ -2281,13 +2282,7 @@ var size = {
|
|
|
2281
2282
|
};
|
|
2282
2283
|
var defaultContext = {};
|
|
2283
2284
|
var themes2 = {
|
|
2284
|
-
defaultBackgroundColor
|
|
2285
|
-
enterprise: {
|
|
2286
|
-
dark: variables_default.black(props),
|
|
2287
|
-
light: variables_default.backgroundColor(props)
|
|
2288
|
-
},
|
|
2289
|
-
prisma: variables_default.backgroundColorSidebar(props)
|
|
2290
|
-
})(props),
|
|
2285
|
+
defaultBackgroundColor,
|
|
2291
2286
|
defaultFontColor: (props) => pick_default({
|
|
2292
2287
|
enterprise: {
|
|
2293
2288
|
dark: variables_default.textColor(props),
|
|
@@ -2349,7 +2344,10 @@ var editorConfig = [
|
|
|
2349
2344
|
]
|
|
2350
2345
|
]
|
|
2351
2346
|
},
|
|
2352
|
-
AxesChartLegendWithTrellisAndMode({
|
|
2347
|
+
AxesChartLegendWithTrellisAndMode({
|
|
2348
|
+
showLegendTooltip: true,
|
|
2349
|
+
hideModeWhenOff: true
|
|
2350
|
+
}),
|
|
2353
2351
|
AxesChartXGridAndLabels_default,
|
|
2354
2352
|
AxesChartYGridAndLabels_default,
|
|
2355
2353
|
AxesChartY2GridAndLabels_default
|
|
@@ -2690,9 +2688,14 @@ var Item = styled_components_default.div.attrs(({ width }) => ({
|
|
|
2690
2688
|
position: relative;
|
|
2691
2689
|
background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
|
|
2692
2690
|
`;
|
|
2693
|
-
var FixSizeItem = styled_components_default.div.attrs(
|
|
2694
|
-
|
|
2695
|
-
|
|
2691
|
+
var FixSizeItem = styled_components_default.div.attrs(
|
|
2692
|
+
({
|
|
2693
|
+
width,
|
|
2694
|
+
height
|
|
2695
|
+
}) => ({
|
|
2696
|
+
style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
|
|
2697
|
+
})
|
|
2698
|
+
)`
|
|
2696
2699
|
position: relative;
|
|
2697
2700
|
flex-direction: column;
|
|
2698
2701
|
flex: 1;
|
|
@@ -2726,7 +2729,7 @@ var withFixedSizeContainer = (Viz) => {
|
|
|
2726
2729
|
FixSizeItem,
|
|
2727
2730
|
{
|
|
2728
2731
|
"data-test": "fix-size-item",
|
|
2729
|
-
"data-splunk-visualization-version": "
|
|
2732
|
+
"data-splunk-visualization-version": "28.0.0 - 0c5f07712",
|
|
2730
2733
|
width,
|
|
2731
2734
|
height,
|
|
2732
2735
|
backgroundColor
|
|
@@ -2792,7 +2795,7 @@ var Cover = styled_components_default.div`
|
|
|
2792
2795
|
bottom: 0;
|
|
2793
2796
|
`;
|
|
2794
2797
|
var Blocker = styled_components_default.div.attrs({
|
|
2795
|
-
"data-splunk-visualization-version": "
|
|
2798
|
+
"data-splunk-visualization-version": "28.0.0 - 0c5f07712"
|
|
2796
2799
|
})`
|
|
2797
2800
|
position: relative;
|
|
2798
2801
|
width: 100%;
|
|
@@ -2936,7 +2939,12 @@ var useGetXAndYFields = ({
|
|
|
2936
2939
|
y2Fields: options.y2 ? "> y2 | getField()" : void 0,
|
|
2937
2940
|
fieldTypes: "> primary | getType()"
|
|
2938
2941
|
};
|
|
2939
|
-
const {
|
|
2942
|
+
const {
|
|
2943
|
+
xField = "",
|
|
2944
|
+
yFields = [],
|
|
2945
|
+
y2Fields = [],
|
|
2946
|
+
fieldTypes
|
|
2947
|
+
} = Options_exports.Options.evaluate(
|
|
2940
2948
|
{ options: optionsToEvaluate, context },
|
|
2941
2949
|
dataSourcesWithOnlyOnePoint,
|
|
2942
2950
|
() => {
|
|
@@ -3550,7 +3558,9 @@ var withDashboardViz = (opts) => {
|
|
|
3550
3558
|
return result;
|
|
3551
3559
|
}
|
|
3552
3560
|
} catch (e) {
|
|
3553
|
-
|
|
3561
|
+
if (e instanceof Error) {
|
|
3562
|
+
console.error(`unexpected error evaluating options: ${e.message}`);
|
|
3563
|
+
}
|
|
3554
3564
|
return {};
|
|
3555
3565
|
}
|
|
3556
3566
|
return {};
|
|
@@ -3609,7 +3619,11 @@ var withDashboardViz = (opts) => {
|
|
|
3609
3619
|
if (ev && ev.payload) {
|
|
3610
3620
|
payload = ev.payload;
|
|
3611
3621
|
}
|
|
3612
|
-
return onEventTrigger({
|
|
3622
|
+
return onEventTrigger({
|
|
3623
|
+
originalEvent: ev,
|
|
3624
|
+
payload,
|
|
3625
|
+
type: eventName
|
|
3626
|
+
});
|
|
3613
3627
|
};
|
|
3614
3628
|
if (parentKeys) {
|
|
3615
3629
|
for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
|
|
@@ -3691,7 +3705,9 @@ var simpleXMLOptions_default = "default" in defaultImport36 ? defaultImport36.de
|
|
|
3691
3705
|
// src/Area/areaUtils.ts
|
|
3692
3706
|
var transformOptions = (originalOptions) => {
|
|
3693
3707
|
const returnOptions = (0, propUtils_exports.adjustOptionsToSchema)(originalOptions, config_default.optionsSchema);
|
|
3694
|
-
return __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(convertToAreaSCProperties(returnOptions))), {
|
|
3708
|
+
return __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(convertToAreaSCProperties(returnOptions))), {
|
|
3709
|
+
chart: "area"
|
|
3710
|
+
});
|
|
3695
3711
|
};
|
|
3696
3712
|
var convertToAreaSCProperties = (originalOptions) => {
|
|
3697
3713
|
const areaOptionsSCMapping = {
|
|
@@ -3938,7 +3954,9 @@ var withTrellis = (Viz) => {
|
|
|
3938
3954
|
const evaluated = Options_exports.Options.evaluate(
|
|
3939
3955
|
{
|
|
3940
3956
|
context: Viz.config.context,
|
|
3941
|
-
options: {
|
|
3957
|
+
options: {
|
|
3958
|
+
trellisBackgroundColor: mergedOptions.trellisBackgroundColor
|
|
3959
|
+
}
|
|
3942
3960
|
},
|
|
3943
3961
|
{},
|
|
3944
3962
|
themeFunc
|
|
@@ -4118,7 +4136,11 @@ var computeVizProps = (_a) => {
|
|
|
4118
4136
|
};
|
|
4119
4137
|
const { y2, y2Fields, hasEventHandlers, eventHandlers } = otherOptions;
|
|
4120
4138
|
computedProps.options = transformOptions(otherOptions);
|
|
4121
|
-
const chartingAnnotations = getAnnotations({
|
|
4139
|
+
const chartingAnnotations = getAnnotations({
|
|
4140
|
+
annotationX,
|
|
4141
|
+
annotationColor,
|
|
4142
|
+
annotationLabel
|
|
4143
|
+
});
|
|
4122
4144
|
const primaryData = __spreadValues({}, dataSources.primary.data);
|
|
4123
4145
|
const { columns, fields } = constructFieldsAndColumns({ x, y, xField, yFields, y2, y2Fields });
|
|
4124
4146
|
const additionalTooltipFieldsConstructed = constructAdditionalTooltipFieldsMap(__spreadProps(__spreadValues({}, dataSources.primary.data), {
|