@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.
Files changed (164) hide show
  1. package/Area.config.js +19 -21
  2. package/Area.config.js.map +3 -3
  3. package/Area.js +54 -32
  4. package/Area.js.map +3 -3
  5. package/Bar.config.js +18 -21
  6. package/Bar.config.js.map +3 -3
  7. package/Bar.js +48 -31
  8. package/Bar.js.map +3 -3
  9. package/Bubble.config.js +39 -44
  10. package/Bubble.config.js.map +4 -4
  11. package/Bubble.js +69 -51
  12. package/Bubble.js.map +4 -4
  13. package/CHANGELOG.external.md +35 -7
  14. package/ChoroplethSvg.config.js +47 -43
  15. package/ChoroplethSvg.config.js.map +4 -4
  16. package/ChoroplethSvg.js +72 -45
  17. package/ChoroplethSvg.js.map +4 -4
  18. package/Column.config.js +15 -20
  19. package/Column.config.js.map +3 -3
  20. package/Column.js +42 -29
  21. package/Column.js.map +3 -3
  22. package/Ellipse.config.js +16 -7
  23. package/Ellipse.config.js.map +2 -2
  24. package/Ellipse.js +45 -19
  25. package/Ellipse.js.map +2 -2
  26. package/Events.config.js +38 -27
  27. package/Events.config.js.map +4 -4
  28. package/Events.js +113 -97
  29. package/Events.js.map +4 -4
  30. package/FEATUREFLAGS.md +9 -9
  31. package/FillerGauge.config.js +20 -13
  32. package/FillerGauge.config.js.map +3 -3
  33. package/FillerGauge.js +76 -27
  34. package/FillerGauge.js.map +4 -4
  35. package/Image.config.js +5 -6
  36. package/Image.config.js.map +2 -2
  37. package/Image.js +29 -14
  38. package/Image.js.map +2 -2
  39. package/Line.config.js +15 -20
  40. package/Line.config.js.map +3 -3
  41. package/Line.js +50 -31
  42. package/Line.js.map +3 -3
  43. package/LinkGraph.config.js +39 -46
  44. package/LinkGraph.config.js.map +3 -3
  45. package/LinkGraph.js +70 -50
  46. package/LinkGraph.js.map +3 -3
  47. package/MIGRATION.md +169 -40
  48. package/Map.config.js +36 -13
  49. package/Map.config.js.map +4 -4
  50. package/Map.js +170 -105
  51. package/Map.js.map +4 -4
  52. package/Markdown.config.js +4 -5
  53. package/Markdown.config.js.map +2 -2
  54. package/Markdown.js +117 -72
  55. package/Markdown.js.map +3 -3
  56. package/MarkerGauge.config.js +14 -12
  57. package/MarkerGauge.config.js.map +3 -3
  58. package/MarkerGauge.js +107 -69
  59. package/MarkerGauge.js.map +4 -4
  60. package/ParallelCoordinates.config.js +14 -12
  61. package/ParallelCoordinates.config.js.map +3 -3
  62. package/ParallelCoordinates.js +113 -59
  63. package/ParallelCoordinates.js.map +3 -3
  64. package/Pie.config.js +51 -38
  65. package/Pie.config.js.map +4 -4
  66. package/Pie.js +109 -85
  67. package/Pie.js.map +4 -4
  68. package/Punchcard.config.js +36 -34
  69. package/Punchcard.config.js.map +4 -4
  70. package/Punchcard.js +153 -87
  71. package/Punchcard.js.map +4 -4
  72. package/README.internal.md +15 -15
  73. package/README.md +10 -10
  74. package/Rectangle.config.js +16 -7
  75. package/Rectangle.config.js.map +2 -2
  76. package/Rectangle.js +45 -19
  77. package/Rectangle.js.map +2 -2
  78. package/Sankey.config.js +69 -17
  79. package/Sankey.config.js.map +4 -4
  80. package/Sankey.js +178 -49
  81. package/Sankey.js.map +4 -4
  82. package/Scatter.config.js +37 -42
  83. package/Scatter.config.js.map +3 -3
  84. package/Scatter.js +70 -53
  85. package/Scatter.js.map +3 -3
  86. package/SingleValue.config.js +32 -18
  87. package/SingleValue.config.js.map +4 -4
  88. package/SingleValue.js +237 -93
  89. package/SingleValue.js.map +4 -4
  90. package/SingleValueBasic.js +1 -0
  91. package/SingleValueBasic.js.map +2 -2
  92. package/SingleValueIcon.config.js +22 -11
  93. package/SingleValueIcon.config.js.map +2 -2
  94. package/SingleValueIcon.js +84 -28
  95. package/SingleValueIcon.js.map +2 -2
  96. package/SingleValueRadial.config.js +34 -23
  97. package/SingleValueRadial.config.js.map +3 -3
  98. package/SingleValueRadial.js +89 -48
  99. package/SingleValueRadial.js.map +4 -4
  100. package/SparkLine.js +153 -49
  101. package/SparkLine.js.map +2 -2
  102. package/Table.config.js +71 -51
  103. package/Table.config.js.map +3 -3
  104. package/Table.js +282 -145
  105. package/Table.js.map +3 -3
  106. package/Timeline.config.js +36 -34
  107. package/Timeline.config.js.map +4 -4
  108. package/Timeline.js +67 -59
  109. package/Timeline.js.map +4 -4
  110. package/common/Charting.js +1 -0
  111. package/common/Charting.js.map +2 -2
  112. package/common/ChartingApi.js +1 -0
  113. package/common/ChartingApi.js.map +1 -1
  114. package/common/DocExampleWithVizSandbox.js +7 -2
  115. package/common/DocExampleWithVizSandbox.js.map +2 -2
  116. package/common/EventsDoc.js +31 -5
  117. package/common/EventsDoc.js.map +4 -4
  118. package/common/GaugeMajorTicks.js +4 -1
  119. package/common/GaugeMajorTicks.js.map +2 -2
  120. package/common/GaugeValueMarker.js +31 -3
  121. package/common/GaugeValueMarker.js.map +4 -4
  122. package/common/OptionsDoc.js +4 -1
  123. package/common/OptionsDoc.js.map +2 -2
  124. package/common/OverviewDoc.js +66 -50
  125. package/common/OverviewDoc.js.map +4 -4
  126. package/common/SplunkVisualization.js +1 -0
  127. package/common/SplunkVisualization.js.map +1 -1
  128. package/common/SplunkVisualizationApi.js +1 -0
  129. package/common/SplunkVisualizationApi.js.map +1 -1
  130. package/common/ThemedDefaults.js +67 -0
  131. package/common/ThemedDefaults.js.map +7 -0
  132. package/common/ThemesDoc.js +6 -9
  133. package/common/ThemesDoc.js.map +2 -2
  134. package/common/chartingUtils.js +1 -0
  135. package/common/chartingUtils.js.map +2 -2
  136. package/common/docUtils.js +6 -1
  137. package/common/docUtils.js.map +2 -2
  138. package/common/gaugeUtils.js +6 -1
  139. package/common/gaugeUtils.js.map +2 -2
  140. package/common/shapeUtils.js +6 -4
  141. package/common/shapeUtils.js.map +2 -2
  142. package/common/utils/configUtils.js +4 -5
  143. package/common/utils/configUtils.js.map +2 -2
  144. package/common/utils/dataUtils.js +1 -0
  145. package/common/utils/dataUtils.js.map +2 -2
  146. package/common/utils/featureFlagUtils.js +1 -0
  147. package/common/utils/featureFlagUtils.js.map +1 -1
  148. package/common/utils/hocUtils.js +1 -0
  149. package/common/utils/hocUtils.js.map +1 -1
  150. package/common/utils/mapUtils.js +35 -22
  151. package/common/utils/mapUtils.js.map +4 -4
  152. package/common/utils/singleValueUtils.js +8 -2
  153. package/common/utils/singleValueUtils.js.map +2 -2
  154. package/common/utils/styleUtils.js +1 -0
  155. package/common/utils/styleUtils.js.map +1 -1
  156. package/common/utils/testHelper.js +1 -0
  157. package/common/utils/testHelper.js.map +1 -1
  158. package/common/utils/trellisUtils.js +1 -0
  159. package/common/utils/trellisUtils.js.map +1 -1
  160. package/common/utils/urlUtils.js +1 -0
  161. package/common/utils/urlUtils.js.map +1 -1
  162. package/common/withDashboardViz.js +25 -8
  163. package/common/withDashboardViz.js.map +2 -2
  164. 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
- return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
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: (props) => pick_default({
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: (props) => pick_default({
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({ showLegendTooltip: true, hideModeWhenOff: true }),
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(({ width, height }) => ({
2694
- style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
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": "27.5.0 - 5cfbc7064",
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": "27.5.0 - 5cfbc7064"
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 { xField = "", yFields = [], y2Fields = [], fieldTypes } = Options_exports.Options.evaluate(
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
- console.error(`unexpected error evaluating options: ${e.message}`);
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({ originalEvent: ev, payload, type: eventName });
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))), { chart: "area" });
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: { trellisBackgroundColor: mergedOptions.trellisBackgroundColor }
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({ annotationX, annotationColor, annotationLabel });
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), {