@splunk/visualizations 28.5.1 → 28.5.3

package/NetworkGraph.js

@@ -1673,7 +1673,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.5.1 - 617766eb3"
+  "data-splunk-visualization-version": "28.5.3 - 657435b86"
 })`
     position: relative;
     width: 100%;
@@ -1784,7 +1784,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.5.1 - 617766eb3",
+        "data-splunk-visualization-version": "28.5.3 - 657435b86",
         width,
         height,
         backgroundColor
@@ -3996,6 +3996,20 @@ var MIN_NODE_CONTAINER_SIZE = DEFAULT_NODE_RADIUS * 2 + MIN_EDGE_LENGTH;
 var DEFAULT_NODE_HORIZONTAL_SPACING = 0;
 var DEFAULT_NODE_VERTICAL_SPACING = 0;
 var FORCE_NODE_PADDING = 24;
+var toFiniteNumber = (value) => {
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : void 0;
+  }
+  if (typeof value === "string") {
+    const numericValue = Number(value);
+    return Number.isFinite(numericValue) ? numericValue : void 0;
+  }
+  return void 0;
+};
+var toFiniteNumberOrFallback = (value, fallback) => {
+  const numericValue = toFiniteNumber(value);
+  return numericValue != null ? numericValue : fallback;
+};
 var getIconRenderInfo = (icon) => {
   var _a;
   const isIconString = typeof icon === "string";
@@ -4065,7 +4079,7 @@ var getUniqueNodesVisual = ({
         color: getValidColor(nodeColors, i),
         icon: icons[i],
         iconColor: getValidColor(iconColors, i),
-        value: nodeValues[i],
+        value: toFiniteNumber(nodeValues[i]),
         tooltipFields: tooltipNodeFields.length > 0 ? [...tooltipNodeFields].reduce((acc, fieldName) => {
           if (fieldName in nodeMeta) {
             acc[fieldName] = nodeMeta[fieldName];
@@ -4085,12 +4099,10 @@ var getUniqueNodesStruct = (source, target, nodeIds, nodeTexts, nodeTypes, nodeS
     const truncatedText = truncateTextToMaxLines(nodeTexts[i], FONT, MAX_TEXT_WIDTH, 4);
     const textWidth = Math.max(...truncatedText.map((line) => computeTextWidth(line, FONT)));
     const labelHeight = truncatedText.length > 0 ? RECT_VERTICAL_PADDING * 2 + LINE_HEIGHT * truncatedText.length : 0;
+    const rawNodeSize = Array.isArray(nodeSizes) ? nodeSizes[i] : nodeSizes != null ? nodeSizes : DEFAULT_NODE_RADIUS * 2;
     const diameter = Math.max(
       MIN_NODE_DIAMETER,
-      Math.min(
-        MAX_NODE_DIAMETER,
-        Array.isArray(nodeSizes) ? nodeSizes[i] : nodeSizes != null ? nodeSizes : DEFAULT_NODE_RADIUS * 2
-      )
+      Math.min(MAX_NODE_DIAMETER, toFiniteNumberOrFallback(rawNodeSize, DEFAULT_NODE_RADIUS * 2))
     );
     const nodeHeight = diameter + RECT_TOP_MARGIN + MIN_NODE_SPACING + labelHeight;
     const nodeWidth = Math.max(textWidth + RECT_HORIZONTAL_PADDING * 2, diameter + MIN_NODE_SPACING * 2);
@@ -4132,14 +4144,26 @@ var updatePositions = (nodeMap, positions) => {
   });
   return updatedNodeMap;
 };
+var parseWidth = (width) => {
+  if (typeof width === "number") {
+    return width;
+  }
+  if (typeof width === "string") {
+    return Number(width);
+  }
+  return Number.NaN;
+};
 var getUniqueLinks = (source, target, linkColors, linkWidth, resultLimit) => {
   const linkMap = {};
   source.slice(0, resultLimit).forEach((sourceId, index) => {
-    var _a;
     const targetId = target[index];
     const linkColor = getValidColor(linkColors, index);
-    const width = typeof linkWidth === "number" ? linkWidth : (_a = linkWidth == null ? void 0 : linkWidth[index]) != null ? _a : DEFAULT_LINK_WIDTH;
-    const clampedWidth = Number.isNaN(width) ? DEFAULT_LINK_WIDTH : Math.min(MAX_LINK_WIDTH, Math.max(MIN_LINK_WIDTH, width));
+    const width = typeof linkWidth === "number" ? linkWidth : linkWidth == null ? void 0 : linkWidth[index];
+    const parsedWidth = parseWidth(width);
+    const clampedWidth = Math.min(
+      MAX_LINK_WIDTH,
+      Math.max(MIN_LINK_WIDTH, Number.isNaN(parsedWidth) ? DEFAULT_LINK_WIDTH : parsedWidth)
+    );
     if (targetId) {
       const linkId = `${sourceId}-${targetId}`;
       linkMap[linkId] = {
@@ -4170,13 +4194,11 @@ var getGridLayout = (nodeMap, gridColumns, nodeHorizontalPadding = DEFAULT_NODE_
 };
 var getPresetLayout = (nodeMap, xPositions, yPositions) => {
   const positionsMap = {};
-  const xPosFormatted = xPositions == null ? void 0 : xPositions.map((x) => x + 340);
-  const yPosFormatted = yPositions == null ? void 0 : yPositions.map((y) => y + 280);
   Object.keys(nodeMap).forEach((id) => {
     const { index } = nodeMap[id];
     positionsMap[id] = {
-      x: xPosFormatted[index],
-      y: yPosFormatted[index]
+      x: toFiniteNumberOrFallback(xPositions == null ? void 0 : xPositions[index], 0) + 340,
+      y: toFiniteNumberOrFallback(yPositions == null ? void 0 : yPositions[index], 0) + 280
     };
   });
   return positionsMap;
@@ -6995,6 +7017,41 @@ var config = {
 var config_default = enhanceConfig(config);
 
 // src/NetworkGraph/NetworkGraph.tsx
+var numericArrayOptionKeys = ["xPositions", "yPositions", "nodeValues"];
+var numericArrayOrScalarOptionKeys = ["nodeSize", "linkWidth"];
+var isNullOrEmptyString = (value) => value === null || typeof value === "string" && value.trim() === "";
+var toFiniteNumberOrUndefined = (value, treatNullOrEmptyStringAsInvalid = false) => {
+  if (treatNullOrEmptyStringAsInvalid && isNullOrEmptyString(value)) {
+    return void 0;
+  }
+  const numericValue = Number(value);
+  return Number.isFinite(numericValue) ? numericValue : void 0;
+};
+var convertToNumbers = (arr, treatNullOrEmptyStringAsInvalid = false) => arr.map((item) => {
+  if (treatNullOrEmptyStringAsInvalid && isNullOrEmptyString(item)) {
+    return Number.NaN;
+  }
+  const numericValue = Number(item);
+  return Number.isFinite(numericValue) ? numericValue : Number.NaN;
+});
+var normalizeNetworkGraphNumericOptions = (options) => {
+  const normalizedOptions = __spreadValues({}, options);
+  numericArrayOptionKeys.forEach((key) => {
+    const value = normalizedOptions[key];
+    if (Array.isArray(value)) {
+      normalizedOptions[key] = convertToNumbers(value);
+    }
+  });
+  numericArrayOrScalarOptionKeys.forEach((key) => {
+    const value = normalizedOptions[key];
+    if (Array.isArray(value)) {
+      normalizedOptions[key] = convertToNumbers(value, true);
+    } else if (value !== void 0) {
+      normalizedOptions[key] = toFiniteNumberOrUndefined(value, true);
+    }
+  });
+  return normalizedOptions;
+};
 var showPlaceHolderIcon = (dataSources) => {
   var _a, _b;
   const columns = (_b = (_a = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _a.data) == null ? void 0 : _b.columns;
@@ -7002,12 +7059,22 @@ var showPlaceHolderIcon = (dataSources) => {
   const dataSourceState = (0, dataSourceUtils_exports.getDataSourceStateInfo)(dataSources == null ? void 0 : dataSources.primary);
   return dataSourceState.hasError || dataSourceState.isLoading || dataSourceState.isMissing || noColumns;
 };
-var computeVizProps = ({ dataSources, onOptionsChange, themeFunc }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const columns = ((_b = (_a = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _a.data) == null ? void 0 : _b.columns) || [];
+var computeVizProps = (_a) => {
+  var _b = _a, {
+    dataSources,
+    onOptionsChange,
+    themeFunc
+  } = _b, options = __objRest(_b, [
+    "dataSources",
+    "onOptionsChange",
+    "themeFunc"
+  ]);
+  var _a2, _b2, _c, _d, _e, _f;
+  const columns = ((_b2 = (_a2 = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _a2.data) == null ? void 0 : _b2.columns) || [];
   const fields = ((_d = (_c = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _c.data) == null ? void 0 : _d.fields) || [];
   const dataSourceData = (_f = (_e = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _e.data) != null ? _f : {};
   const transformedData = convertToArrOfObjects(dataSourceData.columns, dataSourceData.fields);
+  const normalizedOptions = normalizeNetworkGraphNumericOptions(options);
   const themeColorVariables = [
     "defaultBackgroundColor",
     "defaultLinkColor",
@@ -7018,12 +7085,12 @@ var computeVizProps = ({ dataSources, onOptionsChange, themeFunc }) => {
   themeColorVariables.forEach((variable) => {
     themeColors[variable] = themeFunc(variable);
   });
-  return __spreadValues({
+  return __spreadValues(__spreadProps(__spreadValues({}, normalizedOptions), {
     fields: fields.map((field) => (field == null ? void 0 : field.name) ? field.name : field),
     columns,
     onOptionsChange,
     metadata: transformedData
-  }, themeColors);
+  }), themeColors);
 };
 var withTooltipFields = (Viz) => {
   const VizWithTooltipFields = (_a) => {