@splunk/visualizations 27.5.0 → 28.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/Area.config.js +19 -21
- package/Area.config.js.map +3 -3
- package/Area.js +55 -33
- package/Area.js.map +3 -3
- package/Bar.config.js +18 -21
- package/Bar.config.js.map +3 -3
- package/Bar.js +49 -32
- package/Bar.js.map +3 -3
- package/Bubble.config.js +39 -44
- package/Bubble.config.js.map +4 -4
- package/Bubble.js +70 -52
- package/Bubble.js.map +4 -4
- package/CHANGELOG.external.md +63 -7
- package/ChoroplethSvg.config.js +47 -43
- package/ChoroplethSvg.config.js.map +4 -4
- package/ChoroplethSvg.js +85 -54
- package/ChoroplethSvg.js.map +4 -4
- package/Column.config.js +15 -20
- package/Column.config.js.map +3 -3
- package/Column.js +43 -30
- package/Column.js.map +3 -3
- package/Ellipse.config.js +16 -7
- package/Ellipse.config.js.map +2 -2
- package/Ellipse.js +46 -20
- package/Ellipse.js.map +2 -2
- package/Events.config.js +38 -27
- package/Events.config.js.map +4 -4
- package/Events.js +114 -98
- package/Events.js.map +4 -4
- package/FEATUREFLAGS.md +9 -9
- package/FillerGauge.config.js +144 -16
- package/FillerGauge.config.js.map +3 -3
- package/FillerGauge.js +891 -101
- package/FillerGauge.js.map +4 -4
- package/Image.config.js +5 -6
- package/Image.config.js.map +2 -2
- package/Image.js +30 -15
- package/Image.js.map +2 -2
- package/Line.config.js +15 -20
- package/Line.config.js.map +3 -3
- package/Line.js +51 -32
- package/Line.js.map +3 -3
- package/LinkGraph.config.js +39 -46
- package/LinkGraph.config.js.map +3 -3
- package/LinkGraph.js +72 -52
- package/LinkGraph.js.map +3 -3
- package/MIGRATION.md +169 -40
- package/Map.config.js +83 -16
- package/Map.config.js.map +4 -4
- package/Map.js +218 -109
- package/Map.js.map +4 -4
- package/Markdown.config.js +4 -5
- package/Markdown.config.js.map +2 -2
- package/Markdown.js +122 -74
- package/Markdown.js.map +3 -3
- package/MarkerGauge.config.js +14 -12
- package/MarkerGauge.config.js.map +3 -3
- package/MarkerGauge.js +108 -70
- package/MarkerGauge.js.map +4 -4
- package/ParallelCoordinates.config.js +14 -12
- package/ParallelCoordinates.config.js.map +3 -3
- package/ParallelCoordinates.js +114 -60
- package/ParallelCoordinates.js.map +3 -3
- package/Pie.config.js +51 -38
- package/Pie.config.js.map +4 -4
- package/Pie.js +110 -86
- package/Pie.js.map +4 -4
- package/Punchcard.config.js +36 -34
- package/Punchcard.config.js.map +4 -4
- package/Punchcard.js +154 -88
- 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 +46 -20
- package/Rectangle.js.map +2 -2
- package/Sankey.config.js +69 -17
- package/Sankey.config.js.map +4 -4
- package/Sankey.js +179 -50
- package/Sankey.js.map +4 -4
- package/Scatter.config.js +37 -42
- package/Scatter.config.js.map +3 -3
- package/Scatter.js +71 -54
- package/Scatter.js.map +3 -3
- package/SingleValue.config.js +32 -18
- package/SingleValue.config.js.map +4 -4
- package/SingleValue.js +240 -94
- 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 +85 -29
- package/SingleValueIcon.js.map +2 -2
- package/SingleValueRadial.config.js +34 -23
- package/SingleValueRadial.config.js.map +3 -3
- package/SingleValueRadial.js +90 -49
- package/SingleValueRadial.js.map +4 -4
- package/SparkLine.js +153 -49
- package/SparkLine.js.map +2 -2
- package/TRELLIS.md +2 -2
- package/Table.config.js +93 -52
- package/Table.config.js.map +3 -3
- package/Table.js +513 -202
- package/Table.js.map +4 -4
- package/Timeline.config.js +36 -34
- package/Timeline.config.js.map +4 -4
- package/Timeline.js +131 -83
- 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/tableUtils.js +59 -0
- package/common/utils/tableUtils.js.map +7 -0
- 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 +26 -9
- package/common/withDashboardViz.js.map +2 -2
- package/package.json +41 -39
package/Bar.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;
|
|
@@ -1046,11 +1047,9 @@ var configUtils_default = "default" in defaultImport23 ? defaultImport23.default
|
|
|
1046
1047
|
// src/common/utils/configUtils.ts
|
|
1047
1048
|
function enhanceConfig(vizConfig) {
|
|
1048
1049
|
const enhancedConfig = __spreadValues({}, vizConfig);
|
|
1049
|
-
enhancedConfig.editorConfig = vizConfig.editorConfig.map(
|
|
1050
|
-
(config2)
|
|
1051
|
-
|
|
1052
|
-
}
|
|
1053
|
-
);
|
|
1050
|
+
enhancedConfig.editorConfig = vizConfig.editorConfig.map((config2) => {
|
|
1051
|
+
return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
|
|
1052
|
+
});
|
|
1054
1053
|
return enhancedConfig;
|
|
1055
1054
|
}
|
|
1056
1055
|
var insertLayout = (layout, index, ...layoutItems) => [
|
|
@@ -1270,7 +1269,6 @@ var TrellisEditorConfig = [
|
|
|
1270
1269
|
editorProps: {
|
|
1271
1270
|
min: 1
|
|
1272
1271
|
},
|
|
1273
|
-
placeholder: (0, i18n_exports._)("Auto"),
|
|
1274
1272
|
showEditor: isTrellisEnabled2
|
|
1275
1273
|
}
|
|
1276
1274
|
],
|
|
@@ -1771,15 +1769,18 @@ var background = ({
|
|
|
1771
1769
|
];
|
|
1772
1770
|
var BackgroundColor_default = background;
|
|
1773
1771
|
|
|
1772
|
+
// src/common/ThemedDefaults.tsx
|
|
1773
|
+
var defaultBackgroundColor = (props) => pick_default({
|
|
1774
|
+
enterprise: {
|
|
1775
|
+
dark: variables_default.black(props),
|
|
1776
|
+
light: variables_default.white(props)
|
|
1777
|
+
},
|
|
1778
|
+
prisma: variables_default.backgroundColorSection(props)
|
|
1779
|
+
})(props);
|
|
1780
|
+
|
|
1774
1781
|
// src/common/editorConfig/AxesChartColorAndStyle.ts
|
|
1775
1782
|
var themes = {
|
|
1776
|
-
defaultBackgroundColor
|
|
1777
|
-
enterprise: {
|
|
1778
|
-
dark: variables_default.black(props),
|
|
1779
|
-
light: variables_default.backgroundColor(props)
|
|
1780
|
-
},
|
|
1781
|
-
prisma: variables_default.backgroundColorSidebar(props)
|
|
1782
|
-
})(props)
|
|
1783
|
+
defaultBackgroundColor
|
|
1783
1784
|
};
|
|
1784
1785
|
var AxesChartColorAndStyle = {
|
|
1785
1786
|
label: (0, i18n_exports._)("Color and style"),
|
|
@@ -2288,13 +2289,7 @@ var size = {
|
|
|
2288
2289
|
};
|
|
2289
2290
|
var defaultContext = {};
|
|
2290
2291
|
var themes2 = {
|
|
2291
|
-
defaultBackgroundColor
|
|
2292
|
-
enterprise: {
|
|
2293
|
-
dark: variables_default.black(props),
|
|
2294
|
-
light: variables_default.backgroundColor(props)
|
|
2295
|
-
},
|
|
2296
|
-
prisma: variables_default.backgroundColorSidebar(props)
|
|
2297
|
-
})(props),
|
|
2292
|
+
defaultBackgroundColor,
|
|
2298
2293
|
defaultFontColor: (props) => pick_default({
|
|
2299
2294
|
enterprise: {
|
|
2300
2295
|
dark: variables_default.textColor(props),
|
|
@@ -2400,7 +2395,9 @@ var editorConfig = [
|
|
|
2400
2395
|
]
|
|
2401
2396
|
},
|
|
2402
2397
|
// bar viz supports custom labels for the x- and y-axis titles (vertical and horizontal axes, respectively)
|
|
2403
|
-
__spreadProps(__spreadValues({}, AxesChartYGridAndLabels_default), {
|
|
2398
|
+
__spreadProps(__spreadValues({}, AxesChartYGridAndLabels_default), {
|
|
2399
|
+
label: (0, i18n_exports._)("Y-axis grid and labels (horizontal axis)")
|
|
2400
|
+
}),
|
|
2404
2401
|
AxesChartY2GridAndLabels_default
|
|
2405
2402
|
];
|
|
2406
2403
|
var config = {
|
|
@@ -2730,9 +2727,14 @@ var Item = styled_components_default.div.attrs(({ width }) => ({
|
|
|
2730
2727
|
position: relative;
|
|
2731
2728
|
background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
|
|
2732
2729
|
`;
|
|
2733
|
-
var FixSizeItem = styled_components_default.div.attrs(
|
|
2734
|
-
|
|
2735
|
-
|
|
2730
|
+
var FixSizeItem = styled_components_default.div.attrs(
|
|
2731
|
+
({
|
|
2732
|
+
width,
|
|
2733
|
+
height
|
|
2734
|
+
}) => ({
|
|
2735
|
+
style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
|
|
2736
|
+
})
|
|
2737
|
+
)`
|
|
2736
2738
|
position: relative;
|
|
2737
2739
|
flex-direction: column;
|
|
2738
2740
|
flex: 1;
|
|
@@ -2766,7 +2768,7 @@ var withFixedSizeContainer = (Viz) => {
|
|
|
2766
2768
|
FixSizeItem,
|
|
2767
2769
|
{
|
|
2768
2770
|
"data-test": "fix-size-item",
|
|
2769
|
-
"data-splunk-visualization-version": "
|
|
2771
|
+
"data-splunk-visualization-version": "28.1.0 - 4a1bff08b",
|
|
2770
2772
|
width,
|
|
2771
2773
|
height,
|
|
2772
2774
|
backgroundColor
|
|
@@ -2832,7 +2834,7 @@ var Cover = styled_components_default.div`
|
|
|
2832
2834
|
bottom: 0;
|
|
2833
2835
|
`;
|
|
2834
2836
|
var Blocker = styled_components_default.div.attrs({
|
|
2835
|
-
"data-splunk-visualization-version": "
|
|
2837
|
+
"data-splunk-visualization-version": "28.1.0 - 4a1bff08b"
|
|
2836
2838
|
})`
|
|
2837
2839
|
position: relative;
|
|
2838
2840
|
width: 100%;
|
|
@@ -2976,7 +2978,12 @@ var useGetXAndYFields = ({
|
|
|
2976
2978
|
y2Fields: options.y2 ? "> y2 | getField()" : void 0,
|
|
2977
2979
|
fieldTypes: "> primary | getType()"
|
|
2978
2980
|
};
|
|
2979
|
-
const {
|
|
2981
|
+
const {
|
|
2982
|
+
xField = "",
|
|
2983
|
+
yFields = [],
|
|
2984
|
+
y2Fields = [],
|
|
2985
|
+
fieldTypes
|
|
2986
|
+
} = Options_exports.Options.evaluate(
|
|
2980
2987
|
{ options: optionsToEvaluate, context },
|
|
2981
2988
|
dataSourcesWithOnlyOnePoint,
|
|
2982
2989
|
() => {
|
|
@@ -3590,7 +3597,9 @@ var withDashboardViz = (opts) => {
|
|
|
3590
3597
|
return result;
|
|
3591
3598
|
}
|
|
3592
3599
|
} catch (e) {
|
|
3593
|
-
|
|
3600
|
+
if (e instanceof Error) {
|
|
3601
|
+
console.error(`unexpected error evaluating options: ${e.message}`);
|
|
3602
|
+
}
|
|
3594
3603
|
return {};
|
|
3595
3604
|
}
|
|
3596
3605
|
return {};
|
|
@@ -3647,9 +3656,13 @@ var withDashboardViz = (opts) => {
|
|
|
3647
3656
|
}
|
|
3648
3657
|
eventCallbackProps[eventCallbackPropName] = (ev) => {
|
|
3649
3658
|
if (ev && ev.payload) {
|
|
3650
|
-
payload = ev.payload;
|
|
3659
|
+
payload = __spreadValues({}, ev.payload);
|
|
3651
3660
|
}
|
|
3652
|
-
return onEventTrigger({
|
|
3661
|
+
return onEventTrigger({
|
|
3662
|
+
originalEvent: ev,
|
|
3663
|
+
payload,
|
|
3664
|
+
type: eventName
|
|
3665
|
+
});
|
|
3653
3666
|
};
|
|
3654
3667
|
if (parentKeys) {
|
|
3655
3668
|
for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
|
|
@@ -3994,7 +4007,9 @@ var withTrellis = (Viz) => {
|
|
|
3994
4007
|
const evaluated = Options_exports.Options.evaluate(
|
|
3995
4008
|
{
|
|
3996
4009
|
context: Viz.config.context,
|
|
3997
|
-
options: {
|
|
4010
|
+
options: {
|
|
4011
|
+
trellisBackgroundColor: mergedOptions.trellisBackgroundColor
|
|
4012
|
+
}
|
|
3998
4013
|
},
|
|
3999
4014
|
{},
|
|
4000
4015
|
themeFunc
|
|
@@ -4168,7 +4183,9 @@ var computeVizProps = (_a) => {
|
|
|
4168
4183
|
defaultFontColor
|
|
4169
4184
|
};
|
|
4170
4185
|
const { y2, y2Fields } = otherOptions;
|
|
4171
|
-
computedProps.options = (0, lodash_exports.chain)(otherOptions).pick(validOptions).thru(convertToBarSCProperties).thru((options) => __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(options)), {
|
|
4186
|
+
computedProps.options = (0, lodash_exports.chain)(otherOptions).pick(validOptions).thru(convertToBarSCProperties).thru((options) => __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(options)), {
|
|
4187
|
+
chart: "bar"
|
|
4188
|
+
})).value();
|
|
4172
4189
|
const truncationLimit = computedProps.options["chart.resultTruncationLimit"];
|
|
4173
4190
|
let primaryData = __spreadValues({}, dataSources.primary.data);
|
|
4174
4191
|
const { columns, fields } = constructFieldsAndColumns({ x, y, xField, yFields, y2, y2Fields });
|