@splunk/visualizations 27.0.0 → 27.2.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 (89) hide show
  1. package/Area.config.js +269 -122
  2. package/Area.config.js.map +4 -4
  3. package/Area.js +1065 -209
  4. package/Area.js.map +4 -4
  5. package/Bar.config.js +266 -82
  6. package/Bar.config.js.map +4 -4
  7. package/Bar.js +1065 -171
  8. package/Bar.js.map +4 -4
  9. package/Bubble.config.js +127 -1
  10. package/Bubble.config.js.map +4 -4
  11. package/Bubble.js +323 -80
  12. package/Bubble.js.map +4 -4
  13. package/ChoroplethSvg.js +64 -37
  14. package/ChoroplethSvg.js.map +4 -4
  15. package/Column.config.js +271 -82
  16. package/Column.config.js.map +4 -4
  17. package/Column.js +1070 -171
  18. package/Column.js.map +4 -4
  19. package/Ellipse.js +44 -14
  20. package/Ellipse.js.map +4 -4
  21. package/Events.js +172 -527
  22. package/Events.js.map +4 -4
  23. package/FillerGauge.js +45 -15
  24. package/FillerGauge.js.map +4 -4
  25. package/Image.js +42 -12
  26. package/Image.js.map +4 -4
  27. package/Line.config.js +271 -119
  28. package/Line.config.js.map +4 -4
  29. package/Line.js +1067 -206
  30. package/Line.js.map +4 -4
  31. package/LinkGraph.js +584 -545
  32. package/LinkGraph.js.map +4 -4
  33. package/Map.config.js +114 -72
  34. package/Map.config.js.map +4 -4
  35. package/Map.js +177 -94
  36. package/Map.js.map +4 -4
  37. package/Markdown.js +46 -16
  38. package/Markdown.js.map +4 -4
  39. package/MarkerGauge.js +42 -12
  40. package/MarkerGauge.js.map +4 -4
  41. package/ParallelCoordinates.js +123 -87
  42. package/ParallelCoordinates.js.map +4 -4
  43. package/Pie.js +198 -81
  44. package/Pie.js.map +4 -4
  45. package/Punchcard.js +241 -38
  46. package/Punchcard.js.map +4 -4
  47. package/Rectangle.js +56 -26
  48. package/Rectangle.js.map +4 -4
  49. package/Sankey.js +68 -38
  50. package/Sankey.js.map +4 -4
  51. package/Scatter.config.js +127 -1
  52. package/Scatter.config.js.map +4 -4
  53. package/Scatter.js +323 -80
  54. package/Scatter.js.map +4 -4
  55. package/SingleValue.config.js +43 -67
  56. package/SingleValue.config.js.map +4 -4
  57. package/SingleValue.js +1434 -1356
  58. package/SingleValue.js.map +4 -4
  59. package/SingleValueBasic.js +1 -1
  60. package/SingleValueBasic.js.map +3 -3
  61. package/SingleValueIcon.config.js +45 -69
  62. package/SingleValueIcon.config.js.map +4 -4
  63. package/SingleValueIcon.js +1739 -1407
  64. package/SingleValueIcon.js.map +4 -4
  65. package/SingleValueRadial.config.js +43 -67
  66. package/SingleValueRadial.config.js.map +4 -4
  67. package/SingleValueRadial.js +1366 -1273
  68. package/SingleValueRadial.js.map +4 -4
  69. package/SparkLine.js +1 -1
  70. package/SparkLine.js.map +3 -3
  71. package/TRELLIS.md +16 -15
  72. package/Table.js +65 -30
  73. package/Table.js.map +4 -4
  74. package/Timeline.config.js +418 -0
  75. package/Timeline.config.js.map +7 -0
  76. package/Timeline.js +3074 -0
  77. package/Timeline.js.map +7 -0
  78. package/common/Charting.js +133 -27
  79. package/common/Charting.js.map +4 -4
  80. package/common/OptionsDoc.js +8 -3
  81. package/common/OptionsDoc.js.map +2 -2
  82. package/common/utils/mapUtils.js.map +2 -2
  83. package/common/utils/singleValueUtils.js +26 -15
  84. package/common/utils/singleValueUtils.js.map +2 -2
  85. package/common/utils/trellisUtils.js +41 -1
  86. package/common/utils/trellisUtils.js.map +2 -2
  87. package/common/withDashboardViz.js +42 -12
  88. package/common/withDashboardViz.js.map +4 -4
  89. package/package.json +49 -38
package/ChoroplethSvg.js CHANGED
@@ -59,7 +59,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
59
59
  ));
60
60
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
61
61
 
62
- // src/ChoroplethSvg/ChoroplethSvg.tsx
62
+ // src/ChoroplethSvg/index.ts
63
63
  var ChoroplethSvg_exports = {};
64
64
  __export(ChoroplethSvg_exports, {
65
65
  PureChoroplethSvg: () => PureChoroplethSvg2,
@@ -514,7 +514,7 @@ var withFixedSizeContainer = (Viz) => {
514
514
  FixSizeItem,
515
515
  {
516
516
  "data-test": "fix-size-item",
517
- "data-splunk-visualization-version": "27.0.0 - 9bf093b7d",
517
+ "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4",
518
518
  width,
519
519
  height,
520
520
  backgroundColor
@@ -580,7 +580,7 @@ var Cover = styled_components_default.div`
580
580
  bottom: 0;
581
581
  `;
582
582
  var Blocker = styled_components_default.div.attrs({
583
- "data-splunk-visualization-version": "27.0.0 - 9bf093b7d"
583
+ "data-splunk-visualization-version": "27.2.0 - 2e7eda8d4"
584
584
  })`
585
585
  position: relative;
586
586
  width: 100%;
@@ -1076,6 +1076,25 @@ var getFeatureFlag = (context, flagName) => {
1076
1076
  return false;
1077
1077
  };
1078
1078
 
1079
+ // esm-externals:@splunk/visualizations-shared/trellisUtils
1080
+ var trellisUtils_exports = {};
1081
+ __export(trellisUtils_exports, {
1082
+ default: () => trellisUtils_default
1083
+ });
1084
+ var defaultImport26 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
1085
+ __reExport(trellisUtils_exports, require("@splunk/visualizations-shared/trellisUtils"));
1086
+ var trellisUtils_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
1087
+
1088
+ // src/common/utils/trellisUtils.ts
1089
+ var turnOffLegendDisplayWhenTrellisIsOn = (isTrellisOn, options) => {
1090
+ if (isTrellisOn && !options.legendDisplay) {
1091
+ return {
1092
+ legendDisplay: "off"
1093
+ };
1094
+ }
1095
+ return {};
1096
+ };
1097
+
1079
1098
  // src/common/withDashboardViz.tsx
1080
1099
  var withDashboardViz = (opts) => {
1081
1100
  const {
@@ -1083,6 +1102,8 @@ var withDashboardViz = (opts) => {
1083
1102
  vizConfig,
1084
1103
  computeVizProps = () => {
1085
1104
  },
1105
+ computeVizPropsBeforeEval = () => {
1106
+ },
1086
1107
  disableEditModeCover,
1087
1108
  useIconPlaceholder: useIconPlaceholder2
1088
1109
  } = opts;
@@ -1132,14 +1153,26 @@ var withDashboardViz = (opts) => {
1132
1153
  const isDownsamplingEnabledByFeatureFlag = Boolean(
1133
1154
  featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableDownsampling
1134
1155
  );
1156
+ const isTrellisFeatureFlagOn = Boolean(
1157
+ featureFlagContext && featureFlagContext.visualizations_enableTrellis
1158
+ );
1159
+ const isTrellisOn = isTrellisFeatureFlagOn && ((_a = vizConfig == null ? void 0 : vizConfig.supports) == null ? void 0 : _a.includes("trellis" /* TRELLIS */)) && (options == null ? void 0 : options.splitByLayout) === "trellis" /* TRELLIS */;
1135
1160
  const isMounted = react_exports.useRef(true);
1136
- const optionsToEvaluate = react_exports.useMemo(
1137
- () => ({
1161
+ const optionsToEvaluate = react_exports.useMemo(() => {
1162
+ var _a2;
1163
+ const legendDisplay = turnOffLegendDisplayWhenTrellisIsOn(isTrellisOn, options);
1164
+ const computedOptions = (_a2 = computeVizPropsBeforeEval(options)) != null ? _a2 : {};
1165
+ return {
1138
1166
  context: (0, lodash_exports.defaultsDeep)({}, context, vizConfig.defaultContext),
1139
- options: (0, hocUtils_exports.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
1140
- }),
1141
- [options, context]
1142
- );
1167
+ options: (0, hocUtils_exports.deepMergeWithArrayPrimitiveOverrides)(
1168
+ {},
1169
+ legendDisplay,
1170
+ computedOptions,
1171
+ options,
1172
+ defaultOptions
1173
+ )
1174
+ };
1175
+ }, [isTrellisOn, options, context]);
1143
1176
  const [threshold, setThreshold] = react_exports.useState(Number(width));
1144
1177
  const onDownsamplingThresholdChange = react_exports.useCallback((newThreshold) => {
1145
1178
  setThreshold(newThreshold);
@@ -1220,11 +1253,8 @@ var withDashboardViz = (opts) => {
1220
1253
  useAsyncEvaluatedOptions
1221
1254
  ]);
1222
1255
  const evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
1223
- const isTrellisFeatureFlagOn = Boolean(
1224
- featureFlagContext && featureFlagContext.visualizations_enableTrellis
1225
- );
1226
1256
  let clonedEvaluatedOptions = evaluatedOptionsToUse;
1227
- if (isTrellisFeatureFlagOn && ((_a = vizConfig == null ? void 0 : vizConfig.supports) == null ? void 0 : _a.includes("trellis" /* TRELLIS */)) && (clonedEvaluatedOptions == null ? void 0 : clonedEvaluatedOptions.splitByLayout) === "trellis" /* TRELLIS */) {
1257
+ if (isTrellisOn) {
1228
1258
  clonedEvaluatedOptions = __spreadProps(__spreadValues({}, evaluatedOptionsToUse), {
1229
1259
  backgroundColor: clonedEvaluatedOptions == null ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor
1230
1260
  });
@@ -1335,34 +1365,34 @@ var xpath_exports = {};
1335
1365
  __export(xpath_exports, {
1336
1366
  default: () => xpath_default
1337
1367
  });
1338
- var defaultImport26 = __toESM(require("xpath"));
1368
+ var defaultImport27 = __toESM(require("xpath"));
1339
1369
  __reExport(xpath_exports, require("xpath"));
1340
- var xpath_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
1370
+ var xpath_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
1341
1371
 
1342
1372
  // esm-externals:@xmldom/xmldom
1343
1373
  var xmldom_exports = {};
1344
1374
  __export(xmldom_exports, {
1345
1375
  default: () => xmldom_default
1346
1376
  });
1347
- var defaultImport27 = __toESM(require("@xmldom/xmldom"));
1377
+ var defaultImport28 = __toESM(require("@xmldom/xmldom"));
1348
1378
  __reExport(xmldom_exports, require("@xmldom/xmldom"));
1349
- var xmldom_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
1379
+ var xmldom_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
1350
1380
 
1351
1381
  // esm-externals:jexl
1352
1382
  var jexl_exports = {};
1353
1383
  __export(jexl_exports, {
1354
1384
  default: () => jexl_default
1355
1385
  });
1356
- var defaultImport28 = __toESM(require("jexl"));
1386
+ var defaultImport29 = __toESM(require("jexl"));
1357
1387
  __reExport(jexl_exports, require("jexl"));
1358
- var jexl_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
1388
+ var jexl_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
1359
1389
 
1360
1390
  // src/ChoroplethSvg/PureChoroplethSvg/SvgMutator.ts
1361
1391
  var ERROR_NON_ATTRIBUTE_MUTATION = "mutations only allowed on attribute nodes";
1362
1392
  var _SvgMutator = class _SvgMutator {
1363
1393
  /**
1364
1394
  * parses the svg and stores the parsed Document in a local field. Keeps a copy of the props.
1365
- * @param {SvgChoroplethDynamicProps} props
1395
+ * @param {SvgMutatorArgs} props
1366
1396
  */
1367
1397
  constructor(props) {
1368
1398
  const { svg } = props;
@@ -1821,9 +1851,6 @@ var SvgChoroplethDynamic = class extends react_exports.Component {
1821
1851
  return null;
1822
1852
  }
1823
1853
  };
1824
- SvgChoroplethDynamic.defaultProps = {
1825
- svg: ""
1826
- };
1827
1854
 
1828
1855
  // src/common/components/VizStyleWrapper.jsx
1829
1856
  var VizStyleWrapper = styled_components_default.div.attrs(({ dataTestKey }) => ({
@@ -1899,61 +1926,61 @@ PureChoroplethSvg.defaultProps = {
1899
1926
  onAreaClick: () => {
1900
1927
  }
1901
1928
  };
1902
- var PureChoroplethSvg_default = (0, styled_components_exports.withTheme)(PureChoroplethSvg);
1929
+ var PureChoroplethSvg_default = PureChoroplethSvg;
1903
1930
 
1904
1931
  // esm-externals:@splunk/themes/pick
1905
1932
  var pick_exports = {};
1906
1933
  __export(pick_exports, {
1907
1934
  default: () => pick_default
1908
1935
  });
1909
- var defaultImport29 = __toESM(require("@splunk/themes/pick"));
1936
+ var defaultImport30 = __toESM(require("@splunk/themes/pick"));
1910
1937
  __reExport(pick_exports, require("@splunk/themes/pick"));
1911
- var pick_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
1938
+ var pick_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
1912
1939
 
1913
1940
  // esm-externals:@splunk/visualization-schemas
1914
1941
  var visualization_schemas_exports = {};
1915
1942
  __export(visualization_schemas_exports, {
1916
1943
  default: () => visualization_schemas_default
1917
1944
  });
1918
- var defaultImport30 = __toESM(require("@splunk/visualization-schemas"));
1945
+ var defaultImport31 = __toESM(require("@splunk/visualization-schemas"));
1919
1946
  __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
1920
- var visualization_schemas_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
1947
+ var visualization_schemas_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
1921
1948
 
1922
1949
  // esm-externals:@splunk/visualization-color-palettes/editors/PresetPalettes
1923
1950
  var PresetPalettes_exports = {};
1924
1951
  __export(PresetPalettes_exports, {
1925
1952
  default: () => PresetPalettes_default
1926
1953
  });
1927
- var defaultImport31 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
1954
+ var defaultImport32 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
1928
1955
  __reExport(PresetPalettes_exports, require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
1929
- var PresetPalettes_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
1956
+ var PresetPalettes_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
1930
1957
 
1931
1958
  // esm-externals:@splunk/visualization-icons
1932
1959
  var visualization_icons_exports = {};
1933
1960
  __export(visualization_icons_exports, {
1934
1961
  default: () => visualization_icons_default
1935
1962
  });
1936
- var defaultImport32 = __toESM(require("@splunk/visualization-icons"));
1963
+ var defaultImport33 = __toESM(require("@splunk/visualization-icons"));
1937
1964
  __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
1938
- var visualization_icons_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
1965
+ var visualization_icons_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
1939
1966
 
1940
1967
  // esm-externals:@splunk/visualization-icons/placeholders
1941
1968
  var placeholders_exports = {};
1942
1969
  __export(placeholders_exports, {
1943
1970
  default: () => placeholders_default
1944
1971
  });
1945
- var defaultImport33 = __toESM(require("@splunk/visualization-icons/placeholders"));
1972
+ var defaultImport34 = __toESM(require("@splunk/visualization-icons/placeholders"));
1946
1973
  __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
1947
- var placeholders_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
1974
+ var placeholders_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
1948
1975
 
1949
1976
  // esm-externals:@splunk/visualizations-shared/configUtils
1950
1977
  var configUtils_exports = {};
1951
1978
  __export(configUtils_exports, {
1952
1979
  default: () => configUtils_default
1953
1980
  });
1954
- var defaultImport34 = __toESM(require("@splunk/visualizations-shared/configUtils"));
1981
+ var defaultImport35 = __toESM(require("@splunk/visualizations-shared/configUtils"));
1955
1982
  __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
1956
- var configUtils_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
1983
+ var configUtils_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
1957
1984
 
1958
1985
  // src/common/utils/configUtils.ts
1959
1986
  function enhanceConfig(vizConfig) {
@@ -2176,7 +2203,7 @@ var ErrorMessage = (_a) => {
2176
2203
  const { error } = props;
2177
2204
  return /* @__PURE__ */ react_exports.createElement(Container2, null, /* @__PURE__ */ react_exports.createElement(visualization_icons_exports.Image, { "data-testid": "image-icon" }), /* @__PURE__ */ react_exports.createElement(Message, null, error));
2178
2205
  };
2179
- var ErrorMessage_default = (0, styled_components_exports.withTheme)(ErrorMessage);
2206
+ var ErrorMessage_default = ErrorMessage;
2180
2207
 
2181
2208
  // src/ChoroplethSvg/ChoroplethSvg.tsx
2182
2209
  var config2 = config_default;