@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/Line.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
  ],
@@ -1489,15 +1487,18 @@ var background = ({
1489
1487
  ];
1490
1488
  var BackgroundColor_default = background;
1491
1489
 
1490
+ // src/common/ThemedDefaults.tsx
1491
+ var defaultBackgroundColor = (props) => pick_default({
1492
+ enterprise: {
1493
+ dark: variables_default.black(props),
1494
+ light: variables_default.white(props)
1495
+ },
1496
+ prisma: variables_default.backgroundColorSection(props)
1497
+ })(props);
1498
+
1492
1499
  // src/common/editorConfig/AxesChartColorAndStyle.ts
1493
1500
  var themes = {
1494
- defaultBackgroundColor: (props) => pick_default({
1495
- enterprise: {
1496
- dark: variables_default.black(props),
1497
- light: variables_default.backgroundColor(props)
1498
- },
1499
- prisma: variables_default.backgroundColorSidebar(props)
1500
- })(props)
1501
+ defaultBackgroundColor
1501
1502
  };
1502
1503
  var AxesChartColorAndStyle = {
1503
1504
  label: (0, i18n_exports._)("Color and style"),
@@ -2280,13 +2281,7 @@ var size = {
2280
2281
  };
2281
2282
  var defaultContext = {};
2282
2283
  var themes2 = {
2283
- defaultBackgroundColor: (props) => pick_default({
2284
- enterprise: {
2285
- dark: variables_default.black(props),
2286
- light: variables_default.backgroundColor(props)
2287
- },
2288
- prisma: variables_default.backgroundColorSidebar(props)
2289
- })(props),
2284
+ defaultBackgroundColor,
2290
2285
  defaultFontColor: (props) => pick_default({
2291
2286
  enterprise: {
2292
2287
  dark: variables_default.textColor(props),
@@ -2712,9 +2707,14 @@ var Item = styled_components_default.div.attrs(({ width }) => ({
2712
2707
  position: relative;
2713
2708
  background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
2714
2709
  `;
2715
- var FixSizeItem = styled_components_default.div.attrs(({ width, height }) => ({
2716
- style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
2717
- }))`
2710
+ var FixSizeItem = styled_components_default.div.attrs(
2711
+ ({
2712
+ width,
2713
+ height
2714
+ }) => ({
2715
+ style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
2716
+ })
2717
+ )`
2718
2718
  position: relative;
2719
2719
  flex-direction: column;
2720
2720
  flex: 1;
@@ -2748,7 +2748,7 @@ var withFixedSizeContainer = (Viz) => {
2748
2748
  FixSizeItem,
2749
2749
  {
2750
2750
  "data-test": "fix-size-item",
2751
- "data-splunk-visualization-version": "27.5.0 - 5cfbc7064",
2751
+ "data-splunk-visualization-version": "28.0.0 - 0c5f07712",
2752
2752
  width,
2753
2753
  height,
2754
2754
  backgroundColor
@@ -2814,7 +2814,7 @@ var Cover = styled_components_default.div`
2814
2814
  bottom: 0;
2815
2815
  `;
2816
2816
  var Blocker = styled_components_default.div.attrs({
2817
- "data-splunk-visualization-version": "27.5.0 - 5cfbc7064"
2817
+ "data-splunk-visualization-version": "28.0.0 - 0c5f07712"
2818
2818
  })`
2819
2819
  position: relative;
2820
2820
  width: 100%;
@@ -2958,7 +2958,12 @@ var useGetXAndYFields = ({
2958
2958
  y2Fields: options.y2 ? "> y2 | getField()" : void 0,
2959
2959
  fieldTypes: "> primary | getType()"
2960
2960
  };
2961
- const { xField = "", yFields = [], y2Fields = [], fieldTypes } = Options_exports.Options.evaluate(
2961
+ const {
2962
+ xField = "",
2963
+ yFields = [],
2964
+ y2Fields = [],
2965
+ fieldTypes
2966
+ } = Options_exports.Options.evaluate(
2962
2967
  { options: optionsToEvaluate, context },
2963
2968
  dataSourcesWithOnlyOnePoint,
2964
2969
  () => {
@@ -3572,7 +3577,9 @@ var withDashboardViz = (opts) => {
3572
3577
  return result;
3573
3578
  }
3574
3579
  } catch (e) {
3575
- console.error(`unexpected error evaluating options: ${e.message}`);
3580
+ if (e instanceof Error) {
3581
+ console.error(`unexpected error evaluating options: ${e.message}`);
3582
+ }
3576
3583
  return {};
3577
3584
  }
3578
3585
  return {};
@@ -3631,7 +3638,11 @@ var withDashboardViz = (opts) => {
3631
3638
  if (ev && ev.payload) {
3632
3639
  payload = ev.payload;
3633
3640
  }
3634
- return onEventTrigger({ originalEvent: ev, payload, type: eventName });
3641
+ return onEventTrigger({
3642
+ originalEvent: ev,
3643
+ payload,
3644
+ type: eventName
3645
+ });
3635
3646
  };
3636
3647
  if (parentKeys) {
3637
3648
  for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
@@ -3784,7 +3795,9 @@ var simpleXMLOptions_default = "default" in defaultImport36 ? defaultImport36.de
3784
3795
  // src/Line/lineUtils.ts
3785
3796
  var transformOptions = (originalOptions) => {
3786
3797
  const returnOptions = (0, propUtils_exports.adjustOptionsToSchema)(originalOptions, config_default.optionsSchema);
3787
- return __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(convertToLineSCProperties(returnOptions))), { chart: "line" });
3798
+ return __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(convertToLineSCProperties(returnOptions))), {
3799
+ chart: "line"
3800
+ });
3788
3801
  };
3789
3802
  var convertMarkerOptions = (originalOptions, lineOptionValuesSCMapping) => {
3790
3803
  const originalOptionsWithAdditionalProps = originalOptions;
@@ -3980,7 +3993,9 @@ var withTrellis = (Viz) => {
3980
3993
  const evaluated = Options_exports.Options.evaluate(
3981
3994
  {
3982
3995
  context: Viz.config.context,
3983
- options: { trellisBackgroundColor: mergedOptions.trellisBackgroundColor }
3996
+ options: {
3997
+ trellisBackgroundColor: mergedOptions.trellisBackgroundColor
3998
+ }
3984
3999
  },
3985
4000
  {},
3986
4001
  themeFunc
@@ -4160,7 +4175,11 @@ var computeVizProps = (_a) => {
4160
4175
  };
4161
4176
  const { y2, y2Fields, hasEventHandlers, eventHandlers } = otherOptions;
4162
4177
  computedProps.options = transformOptions(otherOptions);
4163
- const chartingAnnotations = getAnnotations({ annotationX, annotationColor, annotationLabel });
4178
+ const chartingAnnotations = getAnnotations({
4179
+ annotationX,
4180
+ annotationColor,
4181
+ annotationLabel
4182
+ });
4164
4183
  const truncationLimit = computedProps.options["chart.resultTruncationLimit"];
4165
4184
  let primaryData = __spreadValues({}, dataSources.primary.data);
4166
4185
  const { columns, fields } = constructFieldsAndColumns({ x, y, xField, yFields, y2, y2Fields });