@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/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
- return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
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: (props) => pick_default({
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: (props) => pick_default({
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), { label: (0, i18n_exports._)("Y-axis grid and labels (horizontal axis)") }),
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(({ width, height }) => ({
2734
- style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
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": "27.5.0 - 5cfbc7064",
2771
+ "data-splunk-visualization-version": "28.0.0 - 0c5f07712",
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": "27.5.0 - 5cfbc7064"
2837
+ "data-splunk-visualization-version": "28.0.0 - 0c5f07712"
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 { xField = "", yFields = [], y2Fields = [], fieldTypes } = Options_exports.Options.evaluate(
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
- console.error(`unexpected error evaluating options: ${e.message}`);
3600
+ if (e instanceof Error) {
3601
+ console.error(`unexpected error evaluating options: ${e.message}`);
3602
+ }
3594
3603
  return {};
3595
3604
  }
3596
3605
  return {};
@@ -3649,7 +3658,11 @@ var withDashboardViz = (opts) => {
3649
3658
  if (ev && ev.payload) {
3650
3659
  payload = ev.payload;
3651
3660
  }
3652
- return onEventTrigger({ originalEvent: ev, payload, type: eventName });
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: { trellisBackgroundColor: mergedOptions.trellisBackgroundColor }
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)), { chart: "bar" })).value();
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 });