@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.
Files changed (167) hide show
  1. package/Area.config.js +19 -21
  2. package/Area.config.js.map +3 -3
  3. package/Area.js +55 -33
  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 +49 -32
  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 +70 -52
  12. package/Bubble.js.map +4 -4
  13. package/CHANGELOG.external.md +63 -7
  14. package/ChoroplethSvg.config.js +47 -43
  15. package/ChoroplethSvg.config.js.map +4 -4
  16. package/ChoroplethSvg.js +85 -54
  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 +43 -30
  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 +46 -20
  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 +114 -98
  29. package/Events.js.map +4 -4
  30. package/FEATUREFLAGS.md +9 -9
  31. package/FillerGauge.config.js +144 -16
  32. package/FillerGauge.config.js.map +3 -3
  33. package/FillerGauge.js +891 -101
  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 +30 -15
  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 +51 -32
  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 +72 -52
  46. package/LinkGraph.js.map +3 -3
  47. package/MIGRATION.md +169 -40
  48. package/Map.config.js +83 -16
  49. package/Map.config.js.map +4 -4
  50. package/Map.js +218 -109
  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 +122 -74
  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 +108 -70
  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 +114 -60
  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 +110 -86
  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 +154 -88
  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 +46 -20
  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 +179 -50
  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 +71 -54
  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 +240 -94
  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 +85 -29
  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 +90 -49
  99. package/SingleValueRadial.js.map +4 -4
  100. package/SparkLine.js +153 -49
  101. package/SparkLine.js.map +2 -2
  102. package/TRELLIS.md +2 -2
  103. package/Table.config.js +93 -52
  104. package/Table.config.js.map +3 -3
  105. package/Table.js +513 -202
  106. package/Table.js.map +4 -4
  107. package/Timeline.config.js +36 -34
  108. package/Timeline.config.js.map +4 -4
  109. package/Timeline.js +131 -83
  110. package/Timeline.js.map +4 -4
  111. package/common/Charting.js +1 -0
  112. package/common/Charting.js.map +2 -2
  113. package/common/ChartingApi.js +1 -0
  114. package/common/ChartingApi.js.map +1 -1
  115. package/common/DocExampleWithVizSandbox.js +7 -2
  116. package/common/DocExampleWithVizSandbox.js.map +2 -2
  117. package/common/EventsDoc.js +31 -5
  118. package/common/EventsDoc.js.map +4 -4
  119. package/common/GaugeMajorTicks.js +4 -1
  120. package/common/GaugeMajorTicks.js.map +2 -2
  121. package/common/GaugeValueMarker.js +31 -3
  122. package/common/GaugeValueMarker.js.map +4 -4
  123. package/common/OptionsDoc.js +4 -1
  124. package/common/OptionsDoc.js.map +2 -2
  125. package/common/OverviewDoc.js +66 -50
  126. package/common/OverviewDoc.js.map +4 -4
  127. package/common/SplunkVisualization.js +1 -0
  128. package/common/SplunkVisualization.js.map +1 -1
  129. package/common/SplunkVisualizationApi.js +1 -0
  130. package/common/SplunkVisualizationApi.js.map +1 -1
  131. package/common/ThemedDefaults.js +67 -0
  132. package/common/ThemedDefaults.js.map +7 -0
  133. package/common/ThemesDoc.js +6 -9
  134. package/common/ThemesDoc.js.map +2 -2
  135. package/common/chartingUtils.js +1 -0
  136. package/common/chartingUtils.js.map +2 -2
  137. package/common/docUtils.js +6 -1
  138. package/common/docUtils.js.map +2 -2
  139. package/common/gaugeUtils.js +6 -1
  140. package/common/gaugeUtils.js.map +2 -2
  141. package/common/shapeUtils.js +6 -4
  142. package/common/shapeUtils.js.map +2 -2
  143. package/common/utils/configUtils.js +4 -5
  144. package/common/utils/configUtils.js.map +2 -2
  145. package/common/utils/dataUtils.js +1 -0
  146. package/common/utils/dataUtils.js.map +2 -2
  147. package/common/utils/featureFlagUtils.js +1 -0
  148. package/common/utils/featureFlagUtils.js.map +1 -1
  149. package/common/utils/hocUtils.js +1 -0
  150. package/common/utils/hocUtils.js.map +1 -1
  151. package/common/utils/mapUtils.js +35 -22
  152. package/common/utils/mapUtils.js.map +4 -4
  153. package/common/utils/singleValueUtils.js +8 -2
  154. package/common/utils/singleValueUtils.js.map +2 -2
  155. package/common/utils/styleUtils.js +1 -0
  156. package/common/utils/styleUtils.js.map +1 -1
  157. package/common/utils/tableUtils.js +59 -0
  158. package/common/utils/tableUtils.js.map +7 -0
  159. package/common/utils/testHelper.js +1 -0
  160. package/common/utils/testHelper.js.map +1 -1
  161. package/common/utils/trellisUtils.js +1 -0
  162. package/common/utils/trellisUtils.js.map +1 -1
  163. package/common/utils/urlUtils.js +1 -0
  164. package/common/utils/urlUtils.js.map +1 -1
  165. package/common/withDashboardViz.js +26 -9
  166. package/common/withDashboardViz.js.map +2 -2
  167. package/package.json +41 -39
package/Bubble.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;
@@ -1016,41 +1017,21 @@ var defaultImport20 = __toESM(require("@splunk/visualization-icons/placeholders"
1016
1017
  __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
1017
1018
  var placeholders_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
1018
1019
 
1019
- // esm-externals:@splunk/themes/pick
1020
- var pick_exports = {};
1021
- __export(pick_exports, {
1022
- default: () => pick_default
1023
- });
1024
- var defaultImport21 = __toESM(require("@splunk/themes/pick"));
1025
- __reExport(pick_exports, require("@splunk/themes/pick"));
1026
- var pick_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
1027
-
1028
- // esm-externals:@splunk/themes/variables
1029
- var variables_exports = {};
1030
- __export(variables_exports, {
1031
- default: () => variables_default
1032
- });
1033
- var defaultImport22 = __toESM(require("@splunk/themes/variables"));
1034
- __reExport(variables_exports, require("@splunk/themes/variables"));
1035
- var variables_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
1036
-
1037
1020
  // esm-externals:@splunk/visualizations-shared/configUtils
1038
1021
  var configUtils_exports = {};
1039
1022
  __export(configUtils_exports, {
1040
1023
  default: () => configUtils_default
1041
1024
  });
1042
- var defaultImport23 = __toESM(require("@splunk/visualizations-shared/configUtils"));
1025
+ var defaultImport21 = __toESM(require("@splunk/visualizations-shared/configUtils"));
1043
1026
  __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
1044
- var configUtils_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
1027
+ var configUtils_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
1045
1028
 
1046
1029
  // src/common/utils/configUtils.ts
1047
1030
  function enhanceConfig(vizConfig) {
1048
1031
  const enhancedConfig = __spreadValues({}, vizConfig);
1049
- enhancedConfig.editorConfig = vizConfig.editorConfig.map(
1050
- (config2) => {
1051
- return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
1052
- }
1053
- );
1032
+ enhancedConfig.editorConfig = vizConfig.editorConfig.map((config2) => {
1033
+ return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
1034
+ });
1054
1035
  return enhancedConfig;
1055
1036
  }
1056
1037
  var insertLayout = (layout, index, ...layoutItems) => [
@@ -1561,7 +1542,6 @@ var TrellisEditorConfig = [
1561
1542
  editorProps: {
1562
1543
  min: 1
1563
1544
  },
1564
- placeholder: (0, i18n_exports._)("Auto"),
1565
1545
  showEditor: isTrellisEnabled2
1566
1546
  }
1567
1547
  ],
@@ -1630,15 +1610,36 @@ var TrellisBackgroundColorEditor = {
1630
1610
  showEditor: isTrellisEnabled2
1631
1611
  };
1632
1612
 
1613
+ // esm-externals:@splunk/themes/pick
1614
+ var pick_exports = {};
1615
+ __export(pick_exports, {
1616
+ default: () => pick_default
1617
+ });
1618
+ var defaultImport22 = __toESM(require("@splunk/themes/pick"));
1619
+ __reExport(pick_exports, require("@splunk/themes/pick"));
1620
+ var pick_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
1621
+
1622
+ // esm-externals:@splunk/themes/variables
1623
+ var variables_exports = {};
1624
+ __export(variables_exports, {
1625
+ default: () => variables_default
1626
+ });
1627
+ var defaultImport23 = __toESM(require("@splunk/themes/variables"));
1628
+ __reExport(variables_exports, require("@splunk/themes/variables"));
1629
+ var variables_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
1630
+
1631
+ // src/common/ThemedDefaults.tsx
1632
+ var defaultBackgroundColor = (props) => pick_default({
1633
+ enterprise: {
1634
+ dark: variables_default.black(props),
1635
+ light: variables_default.white(props)
1636
+ },
1637
+ prisma: variables_default.backgroundColorSection(props)
1638
+ })(props);
1639
+
1633
1640
  // src/common/editorConfig/AxesChartColorAndStyle.ts
1634
1641
  var themes = {
1635
- defaultBackgroundColor: (props) => pick_default({
1636
- enterprise: {
1637
- dark: variables_default.black(props),
1638
- light: variables_default.backgroundColor(props)
1639
- },
1640
- prisma: variables_default.backgroundColorSidebar(props)
1641
- })(props)
1642
+ defaultBackgroundColor
1642
1643
  };
1643
1644
  var AxesChartColorAndStyle = {
1644
1645
  label: (0, i18n_exports._)("Color and style"),
@@ -1907,13 +1908,7 @@ var size = {
1907
1908
  };
1908
1909
  var defaultContext = {};
1909
1910
  var themes2 = {
1910
- defaultBackgroundColor: (props) => pick_default({
1911
- enterprise: {
1912
- dark: variables_default.black(props),
1913
- light: variables_default.backgroundColor(props)
1914
- },
1915
- prisma: variables_default.backgroundColorSidebar(props)
1916
- })(props)
1911
+ defaultBackgroundColor
1917
1912
  };
1918
1913
  var editorConfig = [
1919
1914
  AxesChartDataConfigBubble,
@@ -2295,9 +2290,14 @@ var Item = styled_components_default.div.attrs(({ width }) => ({
2295
2290
  position: relative;
2296
2291
  background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
2297
2292
  `;
2298
- var FixSizeItem = styled_components_default.div.attrs(({ width, height }) => ({
2299
- style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
2300
- }))`
2293
+ var FixSizeItem = styled_components_default.div.attrs(
2294
+ ({
2295
+ width,
2296
+ height
2297
+ }) => ({
2298
+ style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
2299
+ })
2300
+ )`
2301
2301
  position: relative;
2302
2302
  flex-direction: column;
2303
2303
  flex: 1;
@@ -2331,7 +2331,7 @@ var withFixedSizeContainer = (Viz) => {
2331
2331
  FixSizeItem,
2332
2332
  {
2333
2333
  "data-test": "fix-size-item",
2334
- "data-splunk-visualization-version": "27.5.0 - 5cfbc7064",
2334
+ "data-splunk-visualization-version": "28.1.0 - 4a1bff08b",
2335
2335
  width,
2336
2336
  height,
2337
2337
  backgroundColor
@@ -2397,7 +2397,7 @@ var Cover = styled_components_default.div`
2397
2397
  bottom: 0;
2398
2398
  `;
2399
2399
  var Blocker = styled_components_default.div.attrs({
2400
- "data-splunk-visualization-version": "27.5.0 - 5cfbc7064"
2400
+ "data-splunk-visualization-version": "28.1.0 - 4a1bff08b"
2401
2401
  })`
2402
2402
  position: relative;
2403
2403
  width: 100%;
@@ -2541,7 +2541,12 @@ var useGetXAndYFields = ({
2541
2541
  y2Fields: options.y2 ? "> y2 | getField()" : void 0,
2542
2542
  fieldTypes: "> primary | getType()"
2543
2543
  };
2544
- const { xField = "", yFields = [], y2Fields = [], fieldTypes } = Options_exports.Options.evaluate(
2544
+ const {
2545
+ xField = "",
2546
+ yFields = [],
2547
+ y2Fields = [],
2548
+ fieldTypes
2549
+ } = Options_exports.Options.evaluate(
2545
2550
  { options: optionsToEvaluate, context },
2546
2551
  dataSourcesWithOnlyOnePoint,
2547
2552
  () => {
@@ -2822,7 +2827,9 @@ var withDashboardViz = (opts) => {
2822
2827
  return result;
2823
2828
  }
2824
2829
  } catch (e) {
2825
- console.error(`unexpected error evaluating options: ${e.message}`);
2830
+ if (e instanceof Error) {
2831
+ console.error(`unexpected error evaluating options: ${e.message}`);
2832
+ }
2826
2833
  return {};
2827
2834
  }
2828
2835
  return {};
@@ -2879,9 +2886,13 @@ var withDashboardViz = (opts) => {
2879
2886
  }
2880
2887
  eventCallbackProps[eventCallbackPropName] = (ev) => {
2881
2888
  if (ev && ev.payload) {
2882
- payload = ev.payload;
2889
+ payload = __spreadValues({}, ev.payload);
2883
2890
  }
2884
- return onEventTrigger({ originalEvent: ev, payload, type: eventName });
2891
+ return onEventTrigger({
2892
+ originalEvent: ev,
2893
+ payload,
2894
+ type: eventName
2895
+ });
2885
2896
  };
2886
2897
  if (parentKeys) {
2887
2898
  for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
@@ -3059,9 +3070,14 @@ var computeVizProps = (_a) => {
3059
3070
  "sizeField",
3060
3071
  "categoryField"
3061
3072
  ]);
3062
- const computedProps = { visualizationApiRef, onEventTrigger };
3073
+ const computedProps = {
3074
+ visualizationApiRef,
3075
+ onEventTrigger
3076
+ };
3063
3077
  const { hasEventHandlers } = otherOptions;
3064
- computedProps.options = (0, lodash_exports.chain)(otherOptions).pick(validOptions).thru(convertToBubbleSCProperties).thru((options) => __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(options)), { chart: "bubble" })).value();
3078
+ computedProps.options = (0, lodash_exports.chain)(otherOptions).pick(validOptions).thru(convertToBubbleSCProperties).thru((options) => __spreadProps(__spreadValues({}, (0, simpleXMLOptions_exports.getSimpleXMLOptionsForProps)(options)), {
3079
+ chart: "bubble"
3080
+ })).value();
3065
3081
  let primaryData = __spreadValues({}, dataSources.primary.data);
3066
3082
  const columns = [x.map(String), y.map(String), size2.map(String)];
3067
3083
  const fields = [{ name: xField }, { name: yField }, { name: sizeField }];
@@ -3078,7 +3094,9 @@ var computeVizProps = (_a) => {
3078
3094
  computedProps.chartData = charting_bundle_default.extractChartReadyData(__spreadValues({}, primaryData));
3079
3095
  if (hasEventHandlers) {
3080
3096
  computedProps.onClick = (event) => {
3081
- onEventTrigger(__spreadProps(__spreadValues({}, event), { payload: __spreadProps(__spreadValues({}, event.payload), { name: yField }) }));
3097
+ onEventTrigger(__spreadProps(__spreadValues({}, event), {
3098
+ payload: __spreadProps(__spreadValues({}, event.payload), { name: yField })
3099
+ }));
3082
3100
  };
3083
3101
  }
3084
3102
  return computedProps;