@splunk/visualizations 28.7.0 → 28.9.0

package/common/utils/singleValueUtils.js

@@ -181,7 +181,7 @@ var getTrendColor = ({
   if (hasBackground(customizedBgColor) && !isIdenticalColor(customizedBgColor, defaultBackgroundColor) && !isIdenticalColor(customizedBgColor, defaultBlockFontColor)) {
     return defaultBlockFontColor;
   }
-  const isInvalidTrend = trendDisplay === "percent" && trendValue === parseFloat(majorValue);
+  const isInvalidTrend = trendDisplay === "percent" && trendValue === Number.parseFloat(majorValue);
   if (trendValue === 0 || isInvalidTrend) {
     return defaultFontColor;
   }
@@ -222,7 +222,7 @@ var computeText = ({
   let text = (0, numberUtils_exports.isNumerial)(value) ? (0, numberUtils_exports.formatNumber)(value, numberPrecision, {
     useThousandSeparators: shouldUseThousandSeparators,
     useTrendUnits: shouldAbbreviateValue
-  }) : value;
+  }) : String(value != null ? value : "");
   text = text || "";
   return text;
 };
@@ -252,23 +252,20 @@ var getTrendText = ({
     shouldUseThousandSeparators,
     shouldAbbreviateValue: shouldAbbreviateTrendValue
   });
-  if (trendValue === "" || !(0, numberUtils_exports.isNumerial)(trendValue)) {
-    return "";
-  }
+  let trendText = "";
   const showPercent = trendDisplay === "percent";
-  if (!showPercent) {
-    return compute(trendValue);
-  }
-  const diff = Math.abs(trendValue - majorValue);
-  let val = trendValue / diff * 100;
-  if (trendValue === 0 && diff === 0) {
-    val = 0;
-  }
-  if (!Number.isFinite(val)) {
-    return "N/A";
+  const isValidTrend = trendValue !== "" && (0, numberUtils_exports.isNumerial)(trendValue);
+  if (isValidTrend && !showPercent) {
+    trendText = compute(trendValue);
+  } else if (isValidTrend && showPercent) {
+    const diff = Math.abs(trendValue - majorValue);
+    let val = trendValue / diff * 100;
+    if (trendValue === 0 && diff === 0) {
+      val = 0;
+    }
+    trendText = Number.isFinite(val) ? `${compute(val)}%` : "N/A";
   }
-  const text = compute(val);
-  return `${text}%`;
+  return trendText;
 };
 var computeFontSize = (text, { width, height }, fontFamily = DEFAULT_FONT_FAMILY, fontWeight = "normal") => {
   const widthInDefaultFont = (0, domUtils_exports.computeTextSize)(text, `${fontWeight} ${DEFAULT_FONT}px ${fontFamily}`);
@@ -276,7 +273,7 @@ var computeFontSize = (text, { width, height }, fontFamily = DEFAULT_FONT_FAMILY
     width / widthInDefaultFont * DEFAULT_FONT,
     height / DEFAULT_FONT * DEFAULT_FONT
   );
-  return parseInt(fontSize, 10);
+  return Number.parseInt(fontSize, 10);
 };
 var getMajorFontSize = ({ width, height, unit, majorText, spaceRatio = 1 }) => {
   const majorTextCalc = unit ? `${unit}${majorText}` : majorText;
@@ -292,11 +289,11 @@ var getTrendFontSize = ({ width, height, trendText, spaceRatio = 1 }) => {
       width: width * spaceRatio,
       height
     });
-    trendFontSize = parseInt(trendFontSize, 10) * spaceRatio;
+    trendFontSize = Number.parseInt(trendFontSize, 10) * spaceRatio;
   }
   return trendFontSize;
 };
-var getUnderLabelHeight = (height) => height > DEFAULT_FONT ? DEFAULT_FONT : height;
+var getUnderLabelHeight = (height) => Math.min(height, DEFAULT_FONT);
 var getUnderLabel = ({ underLabel, width, height }) => computeFontSize(underLabel, {
   width,
   height
@@ -374,7 +371,7 @@ var updateVizInSmallSpace = ({
   let newTextSize = majorTextFontSize;
   while (newTextSize < 12 && removeIndex < toRemoveList.length) {
     const toRemove = toRemoveList[removeIndex];
-    newProps = __spreadValues(__spreadValues({}, newProps), {
+    newProps = __spreadProps(__spreadValues({}, newProps), {
       [toRemove.key]: toRemove.value
     });
     newMajorAndTrend = getMajorAndTrend(__spreadValues({
@@ -597,9 +594,9 @@ var getUnchangedColorDelta = (r, g, b, ratio) => {
 };
 var changeColor = (color, ratio) => {
   const hex = color.replace(/(0x|#)/, "");
-  const r = parseInt(hex.substr(0, 2), 16);
-  const g = parseInt(hex.substr(2, 2), 16);
-  const b = parseInt(hex.substr(4, 2), 16);
+  const r = Number.parseInt(hex.substr(0, 2), 16);
+  const g = Number.parseInt(hex.substr(2, 2), 16);
+  const b = Number.parseInt(hex.substr(4, 2), 16);
   let newR = Math.max(Math.min(Math.floor(r * ratio), 255), 0);
   let newG = Math.max(Math.min(Math.floor(g * ratio), 255), 0);
   let newB = Math.max(Math.min(Math.floor(b * ratio), 255), 0);
@@ -609,7 +606,7 @@ var changeColor = (color, ratio) => {
     newG = adjustRGB(newG, delta);
     newB = adjustRGB(newB, delta);
   }
-  return `#${newR.toString(16).padStart(2, 0)}${newG.toString(16).padStart(2, 0)}${newB.toString(16).padStart(2, 0)}`;
+  return `#${newR.toString(16).padStart(2, "0")}${newG.toString(16).padStart(2, "0")}${newB.toString(16).padStart(2, "0")}`;
 };
 var lighten = (color) => changeColor(color, 1.3);
 var darken = (color) => changeColor(color, 0.5);

package/common/utils/singleValueUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/common/utils/singleValueUtils.js", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/numberUtils", "esm-externals:@splunk/visualizations-shared/domUtils", "esm-externals:@splunk/visualizations-shared/propUtils", "esm-externals:@splunk/visualizations-shared/colorConstants"],
-  "sourcesContent": ["import { get } from 'lodash';\nimport { isNumerial, formatNumber } from '@splunk/visualizations-shared/numberUtils';\nimport { computeTextSize } from '@splunk/visualizations-shared/domUtils';\nimport { formatColor } from '@splunk/visualizations-shared/propUtils';\nimport { DELTA_GREEN, DELTA_RED } from '@splunk/visualizations-shared/colorConstants';\n\nexport const DEFAULT_FONT = 12;\nexport const DEFAULT_FONT_FAMILY =\n    '\"Splunk Platform Sans\", \"Proxima Nova\", \"Helvetica Neue\", Helvetica, Arial, sans-serif';\n\nexport const SVR_PADDING = { top: 12, bottom: 12, left: 16, right: 16 };\n\nexport const getAligment = align => {\n    const alignMap = {\n        left: 'start',\n        center: 'center',\n        right: 'end',\n    };\n    return alignMap[align] || 'center';\n};\n\n/**\n * @method shouldShowTrend\n * @param {String} trendDisplay\n * @returns {Bool}\n */\nexport const shouldShowTrend = trendDisplay => trendDisplay === 'absolute' || trendDisplay === 'percent';\n\n/**\n * @method isLoadingOrNoColumns\n * @param {Object} dataSources\n * @param {Boolean} loading\n * @returns {Boolean} return true if loading or without columns in dataSources\n */\nexport const isLoadingOrNoColumns = (dataSources, loading) => {\n    const data = get(dataSources, 'primary.data.columns[0]', undefined);\n    const noColumns = data === undefined;\n    return loading || noColumns;\n};\n\n/**\n * Retrieve the valid formatted color\n * @method getFormattedColor\n * @param {String} color\n * @param {String} defaultColor\n * @returns {String} the formatted color\n */\nexport const getFormattedColor = (color, defaultColor) => formatColor(color) || formatColor(defaultColor);\n\n/**\n * Determines if there is a background color\n * @method hasBackground\n * @param {String} backgroundColor\n * @returns true for non-transparent background color\n */\nexport const hasBackground = backgroundColor => !!backgroundColor && backgroundColor !== 'transparent';\n\n/**\n * @method isIdenticalColor\n * @param {String} colorA\n * @param {String} colorB\n * @returns {Boolean}\n */\nexport const isIdenticalColor = (colorA, colorB) =>\n    !!colorA && !!colorB && formatColor(colorA.toLowerCase()) === formatColor(colorB.toLowerCase());\n\n/*\n * @method getDefaultColorWithBg\n * @param {Object} props\n * @param {String} props.backgroundColor\n * @param {String} props.defaultFontColor\n * @param {String} props.defaultBlockFontColor\n * @returns {String} defaultColor\n */\nexport const getDefaultColorWithBg = ({ backgroundColor, defaultFontColor, defaultBlockFontColor }) =>\n    isIdenticalColor(backgroundColor, defaultBlockFontColor) ? defaultFontColor : defaultBlockFontColor;\n\n/*\n * @method getMajorColor\n * return formatted majorColor.\n * @param {Object} props\n * @param {String} props.majorColor\n * @param {String} props.backgroundColor\n * @param {String} props.defaultFontColor\n * @param {String} props.defaultBlockFontColor\n * @returns {String} majorColor\n */\nexport const getMajorColor = ({ majorColor, backgroundColor, defaultFontColor, defaultBlockFontColor }) => {\n    // If backgroundColor is set, but no majorColor,\n    // the default majorColor will turn to be defaultBlockFontColor.\n    // eg: major color will turn to be white in enterprise mode.\n    // however, if the bgColor is the same as defaultBlockFontColor, use defaultFontColor.\n    if (hasBackground(backgroundColor) && !majorColor) {\n        return getDefaultColorWithBg({\n            backgroundColor,\n            defaultFontColor,\n            defaultBlockFontColor,\n        });\n    }\n\n    return getFormattedColor(majorColor, defaultFontColor);\n};\n\n/**\n * Get the color for the trend components\n * @method getTrendColor\n * @param {Object} props\n * @param {String} props.trendColor                   The trendColor value determined from encoding\n * @param {Number} props.trendValue\n * @param {Number} props.majorValue\n * @param {String} props.customizedBgColor\n * @param {String} props.trendDisplay  absolute || percent || off\n * @param {Object} defaultColors\n * @returns {String} trendColor\n */\nexport const getTrendColor = ({\n    trendColor,\n    trendValue,\n    majorValue,\n    customizedBgColor,\n    trendDisplay,\n    defaultColors,\n}) => {\n    if (trendColor) {\n        return trendColor;\n    }\n\n    if (Number.isNaN(Number(trendValue))) {\n        return undefined;\n    }\n\n    const { defaultFontColor, defaultBlockFontColor, defaultBackgroundColor } = defaultColors;\n\n    // if user defined a backgroundColor, the default trend color will be defaultBlockFontColor\n    if (\n        hasBackground(customizedBgColor) &&\n        !isIdenticalColor(customizedBgColor, defaultBackgroundColor) &&\n        !isIdenticalColor(customizedBgColor, defaultBlockFontColor)\n    ) {\n        return defaultBlockFontColor;\n    }\n\n    // if trendDisplay is percent, and trendValue === value\n    // the trend percent = trendValue / (value - trendValue) will return Infinity\n    const isInvalidTrend = trendDisplay === 'percent' && trendValue === parseFloat(majorValue);\n\n    if (trendValue === 0 || isInvalidTrend) {\n        return defaultFontColor;\n    }\n\n    return trendValue > 0 ? DELTA_GREEN : DELTA_RED;\n};\n\n/**\n * Computes visualization properties for display component\n * @method computeColors\n * @param {Object} props    all viz props\n * @param {Object} defaultColors    defaultColors from theme\n * @returns {Object} result\n * @returns {Boolean} backgroundEnabled\n * @returns {String} backgroundColor\n * @returns {String} majorColor\n * @returns {String} trendColor\n * @returns {String} underLabelColor\n */\nexport const computeColors = (props, defaultColors) => {\n    const backgroundColor = getFormattedColor(props.backgroundColor, defaultColors.defaultBackgroundColor);\n    const backgroundEnabled = hasBackground(backgroundColor);\n    const majorColor = getMajorColor({\n        majorColor: props.majorColor,\n        backgroundColor,\n        defaultFontColor: defaultColors.defaultFontColor,\n        defaultBlockFontColor: defaultColors.defaultBlockFontColor,\n    });\n    const trendColor = getTrendColor({\n        trendColor: props.trendColor,\n        trendValue: props.trendValue,\n        majorValue: props.majorValue,\n        customizedBgColor: props.backgroundColor,\n        trendDisplay: props.trendDisplay,\n        defaultColors,\n    });\n    const underLabelColor = getFormattedColor(props.underLabelColor, majorColor);\n\n    return {\n        backgroundColor,\n        backgroundEnabled,\n        majorColor,\n        trendColor,\n        underLabelColor,\n    };\n};\n\n/**\n * Format and return the value (major/trend)\n * @method computeText\n * @param {Object} props\n * @param {Number} props.value                    // The major/trend value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateValue\n * @returns {Number} major or trend text\n */\nexport const computeText = ({\n    value,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateValue,\n}) => {\n    let text = isNumerial(value)\n        ? formatNumber(value, numberPrecision, {\n              useThousandSeparators: shouldUseThousandSeparators,\n              useTrendUnits: shouldAbbreviateValue,\n          })\n        : value;\n    // When text is undefined, return empty string\n    text = text || '';\n    return text;\n};\n\n/*\n * @method getMajorText\n * @param {Object} props\n * @param {Number} props.majorValue\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @returns {String} majorText\n */\nexport const getMajorText = ({\n    majorValueDisplay,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateMajorValue,\n}) =>\n    computeText({\n        value: majorValueDisplay === null ? 'N/A' : majorValueDisplay, // if majorValueDisplay is null, use `N/A`.\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateValue: shouldAbbreviateMajorValue,\n    });\n\n/*\n * @method getTrendText\n * @param {Object} props\n * @param {Number} props.majorValue\n * @param {Number} props.trendValue\n * @param {String} props.trendDisplay\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @returns {String} trendText\n */\nexport const getTrendText = ({\n    majorValue,\n    trendValue,\n    trendDisplay,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n}) => {\n    const compute = value =>\n        computeText({\n            value,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateValue: shouldAbbreviateTrendValue,\n        });\n\n    if (trendValue === '' || !isNumerial(trendValue)) {\n        return '';\n    }\n    const showPercent = trendDisplay === 'percent';\n    if (!showPercent) {\n        return compute(trendValue);\n    }\n\n    const diff = Math.abs(trendValue - majorValue);\n    let val = (trendValue / diff) * 100;\n    if (trendValue === 0 && diff === 0) {\n        val = 0;\n    }\n\n    if (!Number.isFinite(val)) {\n        return 'N/A';\n    }\n    const text = compute(val);\n\n    return `${text}%`;\n};\n\n/**\n * Helper to determine the font size for an element\n * @method computeFontSize\n * @param {String} text                     The string to find a size for\n * @param {Object} dimensions\n * @param {Number} dimensions.width         The width of the container\n * @param {Number} dimensions.height        The height of the container\n * @param {String} [fontFamily='\"Splunk Platform Sans\" ...'] The font being used\n * @param {String} [fontWeight='normal']    Boldness of font\n * @returns {Number} The size to use for fontSize styles\n */\nexport const computeFontSize = (\n    text,\n    { width, height },\n    fontFamily = DEFAULT_FONT_FAMILY,\n    fontWeight = 'normal'\n) => {\n    const widthInDefaultFont = computeTextSize(text, `${fontWeight} ${DEFAULT_FONT}px ${fontFamily}`);\n    const fontSize = Math.min(\n        (width / widthInDefaultFont) * DEFAULT_FONT,\n        (height / DEFAULT_FONT) * DEFAULT_FONT\n    );\n    return parseInt(fontSize, 10);\n};\n\n/*\n * @method getMajorFontSize\n * @param {Object} props\n * @param {Number} props.width\n * @param {Number} props.height\n * @param {String} props.unit\n * @param {String} props.majorText\n * @param {Number} props.spaceRatio\n * @returns {Number} majorFontSize\n */\nexport const getMajorFontSize = ({ width, height, unit, majorText, spaceRatio = 1 }) => {\n    const majorTextCalc = unit ? `${unit}${majorText}` : majorText;\n    return computeFontSize(majorTextCalc, {\n        width: width * spaceRatio,\n        height,\n    });\n};\n\n/*\n * @method getTrendFontSize\n * @param {Object} props\n * @param {Number} props.width\n * @param {Number} props.height\n * @param {String} props.trendText\n * @param {Number} props.spaceRatio\n * @returns {Number} trendFontSize\n */\nexport const getTrendFontSize = ({ width, height, trendText, spaceRatio = 1 }) => {\n    let trendFontSize = 12;\n    if (spaceRatio > 0) {\n        trendFontSize = computeFontSize(trendText, {\n            width: width * spaceRatio,\n            height,\n        });\n        trendFontSize = parseInt(trendFontSize, 10) * spaceRatio;\n    }\n    return trendFontSize;\n};\n\n/*\n * The height of underLabel should no more than 12px\n * @param {Number} height\n * @return {Number} height || DEFAULT_FONT\n */\nexport const getUnderLabelHeight = height => (height > DEFAULT_FONT ? DEFAULT_FONT : height);\n\n/*\n * @param {Object} config\n * @param {String} underLabel\n * @param {Number} width     width of underLabel\n * @param {Number} height    height of underLabel\n * @param {Number} fond size of underLabel\n */\nexport const getUnderLabel = ({ underLabel, width, height }) =>\n    computeFontSize(underLabel, {\n        width,\n        height,\n    });\n\n/**\n * Compute value and font size for major and trend\n * @method getMajorAndTrend\n * @param {Object} props\n * @param {Number} props.width                    // Width of the text container\n * @param {Number} props.height                   // Height of the text container\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.majorValueDisplay        // Major value display\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @returns {Number, Number, Number, Number} Major text, trend text, major text size, trend text size\n */\nexport const getMajorAndTrend = ({\n    width,\n    height,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n}) => {\n    const majorTextSpaceRatio = isNumerial(trendValue) && shouldShowTrend(trendDisplay) ? 0.6 : 1;\n    const textContentWidth = width * 0.9;\n    const textContentHeight = height * 0.9;\n\n    // use majorValueDisplay here for display only\n    const majorText = getMajorText({\n        majorValueDisplay,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateMajorValue,\n    });\n\n    const majorTextFontSize =\n        majorFontSize ||\n        getMajorFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            unit,\n            majorText,\n            spaceRatio: majorTextSpaceRatio,\n        });\n\n    // use majorValue here for calculations\n    const trendText = getTrendText({\n        majorValue,\n        trendValue,\n        trendDisplay,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n    });\n\n    const trendTextFontSize =\n        trendFontSize ||\n        getTrendFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            trendText,\n            spaceRatio: 1 - majorTextSpaceRatio,\n        });\n\n    return {\n        majorText,\n        majorTextFontSize,\n        trendText,\n        trendTextFontSize,\n    };\n};\n\n/*\n * @method updateVizInSmallSpace\n * @param {Object} props\n * @param {Number} props.width                    // Width of the text container\n * @param {Number} props.height                   // Height of the text container\n * @param {Object} props.toRemoveList\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {Number} props.majorTextFontSize\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @returns {Object} results\n * @returns {Object} results.newMajorAndTrend\n * @returns {Object} results.updatedProps\n */\nexport const updateVizInSmallSpace = ({\n    width,\n    height,\n    toRemoveList,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    majorTextFontSize,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n}) => {\n    let removeIndex = 0;\n    let newProps = {}; // options need to be updated\n    let newMajorAndTrend = {};\n    let newTextSize = majorTextFontSize;\n\n    // remove info on viz to make textFontSize >= 12px;\n    while (newTextSize < 12 && removeIndex < toRemoveList.length) {\n        const toRemove = toRemoveList[removeIndex];\n        newProps = {\n            ...newProps,\n            ...{\n                [toRemove.key]: toRemove.value,\n            },\n        };\n\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue,\n            majorValueDisplay,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width,\n            height,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            ...newProps,\n        });\n\n        newTextSize = newMajorAndTrend.majorTextFontSize;\n        removeIndex += 1;\n    }\n\n    // truncate text if textFontSize is still less than 12\n    if (newTextSize < 12) {\n        const truncateValue = `${(majorValueDisplay || majorValue).toString().slice(0, 3)}...`;\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue,\n            majorValueDisplay: truncateValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width,\n            height,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            ...newProps,\n        });\n    }\n\n    return { newMajorAndTrend, updatedProps: newProps };\n};\n\n/*\n * @method computeSingleValueContent\n * @param {Object} props\n * @param {Number} props.contentWidth\n * @param {Number} props.contentHeight\n * @param {Number} props.containerWidth\n * @param {Number} props.containerHeight\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.majorValueDisplay        // Major value display\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @param {Object} props.toRemoveList\n * @returns {Object} results\n * @returns {String} results.majorText\n * @returns {String} results.trendText\n * @returns {Number} results.majorTextFontSize\n * @returns {Number} results.trendTextFontSize\n * @returns {String} results.majorValueTitle\n * @returns {Object} results.smallVizProps\n */\nexport const computeSingleValueContent = ({\n    contentWidth,\n    contentHeight,\n    containerWidth,\n    containerHeight,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n    toRemoveList,\n}) => {\n    let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n        majorValue,\n        majorValueDisplay: majorValueDisplay || majorValue,\n        trendValue,\n        majorFontSize,\n        trendFontSize,\n        trendDisplay,\n        width: contentWidth,\n        height: contentHeight,\n        unit,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n        shouldAbbreviateMajorValue,\n    });\n    const majorValueTitle = majorText;\n    let smallVizProps = {};\n\n    // update viz in small space\n    // if textFontSize is less than 12, remove extra info like sparkline, trendvalue, unit\n    // or truncate major value to make the major font size >= 12\n    if (majorTextFontSize < 12) {\n        const { newMajorAndTrend, updatedProps } = updateVizInSmallSpace({\n            width: containerWidth,\n            height: containerHeight,\n            toRemoveList,\n            majorValue,\n            majorValueDisplay: majorValueDisplay || majorValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            majorTextFontSize,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = newMajorAndTrend);\n        smallVizProps = updatedProps;\n    }\n    return {\n        majorText,\n        trendText,\n        majorTextFontSize,\n        trendTextFontSize,\n        majorValueTitle,\n        smallVizProps,\n    };\n};\n\nexport const minimallyTruncateStringToWidth = ({\n    text,\n    fontSize = DEFAULT_FONT,\n    fontFamily = DEFAULT_FONT_FAMILY,\n    fontWeight = 'normal',\n    containerWidth,\n}) => {\n    let textWidth = computeTextSize(text, `${fontWeight} ${fontSize}px ${fontFamily}`);\n    let modifiedText = text;\n\n    const ellipsesLength = computeTextSize('...', `${fontWeight} ${fontSize}px ${fontFamily}`);\n    //  `containerWidth - ellipsesLength > 0` condition ensures space even exists for text.\n    if (containerWidth - ellipsesLength > 0 && textWidth > containerWidth) {\n        // Truncates the content such that the truncated value + ellipses fit within the allocated space for the ellipses.\n        //  `textWidth > containerWidth - ellipsesLength` condition checks if text + ellipses exceeds container width.\n        //  `text.length > 1` condition included to keep at least the first number.\n        while (textWidth + ellipsesLength > containerWidth && modifiedText.length > 1) {\n            modifiedText = modifiedText.substring(0, modifiedText.length - 1);\n            textWidth = computeTextSize(modifiedText, `normal ${fontSize}px ${fontFamily}`);\n        }\n\n        modifiedText = `${modifiedText}...`;\n    }\n\n    return modifiedText;\n};\n\n/*\n * @method computeSingleValueRadialContent\n * @param {Object} props\n * @param {Number} props.contentWidth\n * @param {Number} props.contentHeight\n * @param {Number} props.containerWidth\n * @param {Number} props.containerHeight\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue,\n * @param {Object} props.toRemoveList\n * @param {Bool} props.smallViz\n * @returns {Object} results\n * @returns {String} results.majorText\n * @returns {String} results.trendText\n * @returns {Number} results.majorTextFontSize\n * @returns {Number} results.trendTextFontSize\n * @returns {String} results.majorValueTitle\n * @returns {Object} results.smallVizProps\n */\nexport const computeSingleValueRadialContent = ({\n    contentWidth,\n    contentHeight,\n    containerWidth,\n    containerHeight,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n    smallViz,\n}) => {\n    let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n        majorValue,\n        majorValueDisplay: majorValueDisplay || majorValue,\n        trendValue,\n        majorFontSize,\n        trendFontSize,\n        trendDisplay,\n        width: contentWidth,\n        height: contentHeight,\n        unit,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n        shouldAbbreviateMajorValue,\n    });\n\n    const majorValueTitle = majorText;\n    let smallVizProps = {};\n\n    // custom logic for viz in small space\n    // if not showing the radial graph (if `smallViz` is true), then compute truncated major value\n    //  and font sizes\n    if (smallViz) {\n        const truncateValue = minimallyTruncateStringToWidth({\n            text: majorValueDisplay || majorValue,\n            fontWeight: 'bold',\n            fontSize: 12,\n            containerWidth,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n            majorValueDisplay: truncateValue,\n            majorValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width: containerWidth,\n            height: containerHeight,\n            unit,\n            trendDisplay,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            shouldAbbreviateMajorValue,\n        }));\n\n        smallVizProps = {\n            trendDisplay,\n            unit,\n        };\n    }\n\n    return {\n        majorText,\n        trendText,\n        majorTextFontSize,\n        trendTextFontSize,\n        majorValueTitle,\n        smallVizProps,\n    };\n};\n\n/**\n * Get the colors for a graph\n *\n * @method getGraphColors\n * @param {Object} options\n * @param {Bool} options.backgroundEnabled          // Flag to turn on color mode\n * @param {String} options.backgroundColor          // The current background color, overrides trend background color\n * @param {Object} options.defaultColors            // Default colors by severity\n * @param {Function} options.customColorFormatter   // must return { background, stroke } given a color\n * @returns {Object} { background, stroke } colors\n * @private\n */\nexport const getGraphColors = ({\n    backgroundEnabled,\n    backgroundColor,\n    defaultColors,\n    customColorFormatter,\n}) => {\n    // Only do custom colors in block mode\n    if (backgroundEnabled) {\n        // Check if the user defined colors to use\n        if (backgroundColor && typeof customColorFormatter === 'function') {\n            return customColorFormatter(backgroundColor);\n        }\n    }\n\n    return defaultColors.none;\n};\n\n/**\n * Adjust rgb value if it equals to 0 or 255\n * @method adjustRGB\n * @param {Number} rgb      [0 - 255]\n * @param {Number} delta\n * @returns {Number} adjusted rgb\n * @private\n */\nexport const adjustRGB = (rgb, delta) => {\n    if (rgb === 255) {\n        return rgb - delta;\n    }\n\n    if (rgb === 0) {\n        return rgb + delta;\n    }\n\n    return rgb;\n};\n\nconst getUnchangedColorDelta = (r, g, b, ratio) => {\n    if (r === 0 && g === 0 && b === 0) {\n        return ratio > 1 ? 80 : 40;\n    }\n    if (r === 255 && g === 255 && b === 255) {\n        return ratio > 1 ? 20 : 80;\n    }\n    return 20;\n};\n\n/**\n * Modifies colors by multiplying by a given ratio\n * @method changeColor\n * @param {String} color    // Color to modify\n * @param {Number} ratio    // Float to modify color\n * @returns {String} new color\n * @private\n */\nconst changeColor = (color, ratio) => {\n    const hex = color.replace(/(0x|#)/, '');\n    const r = parseInt(hex.substr(0, 2), 16);\n    const g = parseInt(hex.substr(2, 2), 16);\n    const b = parseInt(hex.substr(4, 2), 16);\n\n    // Multiply by given ratio, make sure is between 0 and 255;\n    let newR = Math.max(Math.min(Math.floor(r * ratio), 255), 0);\n    let newG = Math.max(Math.min(Math.floor(g * ratio), 255), 0);\n    let newB = Math.max(Math.min(Math.floor(b * ratio), 255), 0);\n\n    // If the color is not changed, apply a fixed adjustment\n    if (newR === r && newG === g && newB === b) {\n        const delta = getUnchangedColorDelta(newR, newG, newB, ratio);\n        newR = adjustRGB(newR, delta);\n        newG = adjustRGB(newG, delta);\n        newB = adjustRGB(newB, delta);\n    }\n\n    return (\n        `#${newR.toString(16).padStart(2, 0)}` +\n        `${newG.toString(16).padStart(2, 0)}` +\n        `${newB.toString(16).padStart(2, 0)}`\n    );\n};\n\n/**\n * Lighten a given color\n * @method lighten\n * @param {String} color\n * @returns {String}\n * @private\n */\nexport const lighten = color => changeColor(color, 1.3);\n\n/**\n * Darkens a given color\n * @method darken\n * @param {String} color\n * @returns {String}\n * @private\n */\nexport const darken = color => changeColor(color, 0.5);\n\n/** consistent token structure: handle callback to add value and name in event payload\n * @method handleValueClickCallback\n * @param {Object} ev\n * @param {String | Number} majorValue\n * @param {String} majorValueField\n * @param {Number} trendValue\n * @param {Function} onValueClick\n * @param {Object} trellisContext\n * @param {Boolean} trellisContext.trellisEnabled\n * @param {String} trellisContext.trellisSplitBy\n * @param {String} trellisContext.trellisKey\n */\nexport const handleValueClickCallback = (\n    ev,\n    majorValue,\n    majorValueField,\n    trendValue,\n    onValueClick,\n    trellisContext = {}\n) => {\n    const { trellisEnabled = false, trellisSplitBy = '', trellisKey = '' } = trellisContext;\n\n    return onValueClick({\n        ...ev,\n        payload: {\n            trendValue,\n            value: majorValue,\n            name: majorValueField,\n            ...(trellisEnabled && {\n                'trellis.name': trellisSplitBy,\n                'trellis.value': trellisKey,\n            }),\n        },\n    });\n};\n\n/** handle trend color when trend display is percent\n * @method getTrendColorWithPercent\n * @param {Object} options\n * @returns {Object}\n */\nexport const getTrendColorWithPercent = options => {\n    const shouldUsePercentTrendColor =\n        options.trendColor === '> trendValue | rangeValue(trendColorEditorConfig)' &&\n        options.trendDisplay === 'percent';\n\n    return shouldUsePercentTrendColor\n        ? {\n              trendColor: '> trendValuePercent | rangeValue(trendColorEditorConfig)',\n          }\n        : {};\n};\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/domUtils\";\nexport * from \"@splunk/visualizations-shared/domUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/propUtils\";\nexport * from \"@splunk/visualizations-shared/propUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorConstants\";\nexport * from \"@splunk/visualizations-shared/colorConstants\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { get } from 'lodash';\nimport { isNumerial, formatNumber } from '@splunk/visualizations-shared/numberUtils';\nimport { computeTextSize } from '@splunk/visualizations-shared/domUtils';\nimport { formatColor } from '@splunk/visualizations-shared/propUtils';\nimport { DELTA_GREEN, DELTA_RED } from '@splunk/visualizations-shared/colorConstants';\n\nexport const DEFAULT_FONT = 12;\nexport const DEFAULT_FONT_FAMILY =\n    '\"Splunk Platform Sans\", \"Proxima Nova\", \"Helvetica Neue\", Helvetica, Arial, sans-serif';\n\nexport const SVR_PADDING = { top: 12, bottom: 12, left: 16, right: 16 };\n\nexport const getAligment = align => {\n    const alignMap = {\n        left: 'start',\n        center: 'center',\n        right: 'end',\n    };\n    return alignMap[align] || 'center';\n};\n\n/**\n * @method shouldShowTrend\n * @param {String} trendDisplay\n * @returns {Bool}\n */\nexport const shouldShowTrend = trendDisplay => trendDisplay === 'absolute' || trendDisplay === 'percent';\n\n/**\n * @method isLoadingOrNoColumns\n * @param {Object} dataSources\n * @param {Boolean} loading\n * @returns {Boolean} return true if loading or without columns in dataSources\n */\nexport const isLoadingOrNoColumns = (dataSources, loading) => {\n    const data = get(dataSources, 'primary.data.columns[0]', undefined);\n    const noColumns = data === undefined;\n    return loading || noColumns;\n};\n\n/**\n * Retrieve the valid formatted color\n * @method getFormattedColor\n * @param {String} color\n * @param {String} defaultColor\n * @returns {String} the formatted color\n */\nexport const getFormattedColor = (color, defaultColor) => formatColor(color) || formatColor(defaultColor);\n\n/**\n * Determines if there is a background color\n * @method hasBackground\n * @param {String} backgroundColor\n * @returns true for non-transparent background color\n */\nexport const hasBackground = backgroundColor => !!backgroundColor && backgroundColor !== 'transparent';\n\n/**\n * @method isIdenticalColor\n * @param {String} colorA\n * @param {String} colorB\n * @returns {Boolean}\n */\nexport const isIdenticalColor = (colorA, colorB) =>\n    !!colorA && !!colorB && formatColor(colorA.toLowerCase()) === formatColor(colorB.toLowerCase());\n\n/*\n * @method getDefaultColorWithBg\n * @param {Object} props\n * @param {String} props.backgroundColor\n * @param {String} props.defaultFontColor\n * @param {String} props.defaultBlockFontColor\n * @returns {String} defaultColor\n */\nexport const getDefaultColorWithBg = ({ backgroundColor, defaultFontColor, defaultBlockFontColor }) =>\n    isIdenticalColor(backgroundColor, defaultBlockFontColor) ? defaultFontColor : defaultBlockFontColor;\n\n/*\n * @method getMajorColor\n * return formatted majorColor.\n * @param {Object} props\n * @param {String} props.majorColor\n * @param {String} props.backgroundColor\n * @param {String} props.defaultFontColor\n * @param {String} props.defaultBlockFontColor\n * @returns {String} majorColor\n */\nexport const getMajorColor = ({ majorColor, backgroundColor, defaultFontColor, defaultBlockFontColor }) => {\n    // If backgroundColor is set, but no majorColor,\n    // the default majorColor will turn to be defaultBlockFontColor.\n    // eg: major color will turn to be white in enterprise mode.\n    // however, if the bgColor is the same as defaultBlockFontColor, use defaultFontColor.\n    if (hasBackground(backgroundColor) && !majorColor) {\n        return getDefaultColorWithBg({\n            backgroundColor,\n            defaultFontColor,\n            defaultBlockFontColor,\n        });\n    }\n\n    return getFormattedColor(majorColor, defaultFontColor);\n};\n\n/**\n * Get the color for the trend components\n * @method getTrendColor\n * @param {Object} props\n * @param {String} props.trendColor                   The trendColor value determined from encoding\n * @param {Number} props.trendValue\n * @param {Number} props.majorValue\n * @param {String} props.customizedBgColor\n * @param {String} props.trendDisplay  absolute || percent || off\n * @param {Object} defaultColors\n * @returns {String} trendColor\n */\nexport const getTrendColor = ({\n    trendColor,\n    trendValue,\n    majorValue,\n    customizedBgColor,\n    trendDisplay,\n    defaultColors,\n}) => {\n    if (trendColor) {\n        return trendColor;\n    }\n\n    if (Number.isNaN(Number(trendValue))) {\n        return undefined;\n    }\n\n    const { defaultFontColor, defaultBlockFontColor, defaultBackgroundColor } = defaultColors;\n\n    // if user defined a backgroundColor, the default trend color will be defaultBlockFontColor\n    if (\n        hasBackground(customizedBgColor) &&\n        !isIdenticalColor(customizedBgColor, defaultBackgroundColor) &&\n        !isIdenticalColor(customizedBgColor, defaultBlockFontColor)\n    ) {\n        return defaultBlockFontColor;\n    }\n\n    // if trendDisplay is percent, and trendValue === value\n    // the trend percent = trendValue / (value - trendValue) will return Infinity\n    const isInvalidTrend = trendDisplay === 'percent' && trendValue === Number.parseFloat(majorValue);\n\n    if (trendValue === 0 || isInvalidTrend) {\n        return defaultFontColor;\n    }\n\n    return trendValue > 0 ? DELTA_GREEN : DELTA_RED;\n};\n\n/**\n * Computes visualization properties for display component\n * @method computeColors\n * @param {Object} props    all viz props\n * @param {Object} defaultColors    defaultColors from theme\n * @returns {Object} result\n * @returns {Boolean} backgroundEnabled\n * @returns {String} backgroundColor\n * @returns {String} majorColor\n * @returns {String} trendColor\n * @returns {String} underLabelColor\n */\nexport const computeColors = (props, defaultColors) => {\n    const backgroundColor = getFormattedColor(props.backgroundColor, defaultColors.defaultBackgroundColor);\n    const backgroundEnabled = hasBackground(backgroundColor);\n    const majorColor = getMajorColor({\n        majorColor: props.majorColor,\n        backgroundColor,\n        defaultFontColor: defaultColors.defaultFontColor,\n        defaultBlockFontColor: defaultColors.defaultBlockFontColor,\n    });\n    const trendColor = getTrendColor({\n        trendColor: props.trendColor,\n        trendValue: props.trendValue,\n        majorValue: props.majorValue,\n        customizedBgColor: props.backgroundColor,\n        trendDisplay: props.trendDisplay,\n        defaultColors,\n    });\n    const underLabelColor = getFormattedColor(props.underLabelColor, majorColor);\n\n    return {\n        backgroundColor,\n        backgroundEnabled,\n        majorColor,\n        trendColor,\n        underLabelColor,\n    };\n};\n\n/**\n * Format and return the value (major/trend)\n * @method computeText\n * @param {Object} props\n * @param {Number} props.value                    // The major/trend value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateValue\n * @returns {Number} major or trend text\n */\nexport const computeText = ({\n    value,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateValue,\n}) => {\n    let text = isNumerial(value)\n        ? formatNumber(value, numberPrecision, {\n              useThousandSeparators: shouldUseThousandSeparators,\n              useTrendUnits: shouldAbbreviateValue,\n          })\n        : String(value ?? '');\n    // When text is undefined, return empty string\n    text = text || '';\n    return text;\n};\n\n/*\n * @method getMajorText\n * @param {Object} props\n * @param {Number} props.majorValue\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @returns {String} majorText\n */\nexport const getMajorText = ({\n    majorValueDisplay,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateMajorValue,\n}) =>\n    computeText({\n        value: majorValueDisplay === null ? 'N/A' : majorValueDisplay, // if majorValueDisplay is null, use `N/A`.\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateValue: shouldAbbreviateMajorValue,\n    });\n\n/*\n * @method getTrendText\n * @param {Object} props\n * @param {Number} props.majorValue\n * @param {Number} props.trendValue\n * @param {String} props.trendDisplay\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @returns {String} trendText\n */\nexport const getTrendText = ({\n    majorValue,\n    trendValue,\n    trendDisplay,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n}) => {\n    const compute = value =>\n        computeText({\n            value,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateValue: shouldAbbreviateTrendValue,\n        });\n\n    let trendText = '';\n    const showPercent = trendDisplay === 'percent';\n    const isValidTrend = trendValue !== '' && isNumerial(trendValue);\n\n    if (isValidTrend && !showPercent) {\n        trendText = compute(trendValue);\n    } else if (isValidTrend && showPercent) {\n        const diff = Math.abs(trendValue - majorValue);\n        let val = (trendValue / diff) * 100;\n        if (trendValue === 0 && diff === 0) {\n            val = 0;\n        }\n\n        trendText = Number.isFinite(val) ? `${compute(val)}%` : 'N/A';\n    }\n\n    return trendText;\n};\n\n/**\n * Helper to determine the font size for an element\n * @method computeFontSize\n * @param {String} text                     The string to find a size for\n * @param {Object} dimensions\n * @param {Number} dimensions.width         The width of the container\n * @param {Number} dimensions.height        The height of the container\n * @param {String} [fontFamily='\"Splunk Platform Sans\" ...'] The font being used\n * @param {String} [fontWeight='normal']    Boldness of font\n * @returns {Number} The size to use for fontSize styles\n */\nexport const computeFontSize = (\n    text,\n    { width, height },\n    fontFamily = DEFAULT_FONT_FAMILY,\n    fontWeight = 'normal'\n) => {\n    const widthInDefaultFont = computeTextSize(text, `${fontWeight} ${DEFAULT_FONT}px ${fontFamily}`);\n    const fontSize = Math.min(\n        (width / widthInDefaultFont) * DEFAULT_FONT,\n        (height / DEFAULT_FONT) * DEFAULT_FONT\n    );\n    return Number.parseInt(fontSize, 10);\n};\n\n/*\n * @method getMajorFontSize\n * @param {Object} props\n * @param {Number} props.width\n * @param {Number} props.height\n * @param {String} props.unit\n * @param {String} props.majorText\n * @param {Number} props.spaceRatio\n * @returns {Number} majorFontSize\n */\nexport const getMajorFontSize = ({ width, height, unit, majorText, spaceRatio = 1 }) => {\n    const majorTextCalc = unit ? `${unit}${majorText}` : majorText;\n    return computeFontSize(majorTextCalc, {\n        width: width * spaceRatio,\n        height,\n    });\n};\n\n/*\n * @method getTrendFontSize\n * @param {Object} props\n * @param {Number} props.width\n * @param {Number} props.height\n * @param {String} props.trendText\n * @param {Number} props.spaceRatio\n * @returns {Number} trendFontSize\n */\nexport const getTrendFontSize = ({ width, height, trendText, spaceRatio = 1 }) => {\n    let trendFontSize = 12;\n    if (spaceRatio > 0) {\n        trendFontSize = computeFontSize(trendText, {\n            width: width * spaceRatio,\n            height,\n        });\n        trendFontSize = Number.parseInt(trendFontSize, 10) * spaceRatio;\n    }\n    return trendFontSize;\n};\n\n/*\n * The height of underLabel should no more than 12px\n * @param {Number} height\n * @return {Number} height || DEFAULT_FONT\n */\nexport const getUnderLabelHeight = height => Math.min(height, DEFAULT_FONT);\n\n/*\n * @param {Object} config\n * @param {String} underLabel\n * @param {Number} width     width of underLabel\n * @param {Number} height    height of underLabel\n * @param {Number} fond size of underLabel\n */\nexport const getUnderLabel = ({ underLabel, width, height }) =>\n    computeFontSize(underLabel, {\n        width,\n        height,\n    });\n\n/**\n * Compute value and font size for major and trend\n * @method getMajorAndTrend\n * @param {Object} props\n * @param {Number} props.width                    // Width of the text container\n * @param {Number} props.height                   // Height of the text container\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.majorValueDisplay        // Major value display\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @returns {Number, Number, Number, Number} Major text, trend text, major text size, trend text size\n */\nexport const getMajorAndTrend = ({\n    width,\n    height,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n}) => {\n    const majorTextSpaceRatio = isNumerial(trendValue) && shouldShowTrend(trendDisplay) ? 0.6 : 1;\n    const textContentWidth = width * 0.9;\n    const textContentHeight = height * 0.9;\n\n    // use majorValueDisplay here for display only\n    const majorText = getMajorText({\n        majorValueDisplay,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateMajorValue,\n    });\n\n    const majorTextFontSize =\n        majorFontSize ||\n        getMajorFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            unit,\n            majorText,\n            spaceRatio: majorTextSpaceRatio,\n        });\n\n    // use majorValue here for calculations\n    const trendText = getTrendText({\n        majorValue,\n        trendValue,\n        trendDisplay,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n    });\n\n    const trendTextFontSize =\n        trendFontSize ||\n        getTrendFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            trendText,\n            spaceRatio: 1 - majorTextSpaceRatio,\n        });\n\n    return {\n        majorText,\n        majorTextFontSize,\n        trendText,\n        trendTextFontSize,\n    };\n};\n\n/*\n * @method updateVizInSmallSpace\n * @param {Object} props\n * @param {Number} props.width                    // Width of the text container\n * @param {Number} props.height                   // Height of the text container\n * @param {Object} props.toRemoveList\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {Number} props.majorTextFontSize\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @returns {Object} results\n * @returns {Object} results.newMajorAndTrend\n * @returns {Object} results.updatedProps\n */\nexport const updateVizInSmallSpace = ({\n    width,\n    height,\n    toRemoveList,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    majorTextFontSize,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n}) => {\n    let removeIndex = 0;\n    let newProps = {}; // options need to be updated\n    let newMajorAndTrend = {};\n    let newTextSize = majorTextFontSize;\n\n    // remove info on viz to make textFontSize >= 12px;\n    while (newTextSize < 12 && removeIndex < toRemoveList.length) {\n        const toRemove = toRemoveList[removeIndex];\n        newProps = {\n            ...newProps,\n            [toRemove.key]: toRemove.value,\n        };\n\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue,\n            majorValueDisplay,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width,\n            height,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            ...newProps,\n        });\n\n        newTextSize = newMajorAndTrend.majorTextFontSize;\n        removeIndex += 1;\n    }\n\n    // truncate text if textFontSize is still less than 12\n    if (newTextSize < 12) {\n        const truncateValue = `${(majorValueDisplay || majorValue).toString().slice(0, 3)}...`;\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue,\n            majorValueDisplay: truncateValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width,\n            height,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            ...newProps,\n        });\n    }\n\n    return { newMajorAndTrend, updatedProps: newProps };\n};\n\n/*\n * @method computeSingleValueContent\n * @param {Object} props\n * @param {Number} props.contentWidth\n * @param {Number} props.contentHeight\n * @param {Number} props.containerWidth\n * @param {Number} props.containerHeight\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.majorValueDisplay        // Major value display\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue\n * @param {Object} props.toRemoveList\n * @returns {Object} results\n * @returns {String} results.majorText\n * @returns {String} results.trendText\n * @returns {Number} results.majorTextFontSize\n * @returns {Number} results.trendTextFontSize\n * @returns {String} results.majorValueTitle\n * @returns {Object} results.smallVizProps\n */\nexport const computeSingleValueContent = ({\n    contentWidth,\n    contentHeight,\n    containerWidth,\n    containerHeight,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n    toRemoveList,\n}) => {\n    let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n        majorValue,\n        majorValueDisplay: majorValueDisplay || majorValue,\n        trendValue,\n        majorFontSize,\n        trendFontSize,\n        trendDisplay,\n        width: contentWidth,\n        height: contentHeight,\n        unit,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n        shouldAbbreviateMajorValue,\n    });\n    const majorValueTitle = majorText;\n    let smallVizProps = {};\n\n    // update viz in small space\n    // if textFontSize is less than 12, remove extra info like sparkline, trendvalue, unit\n    // or truncate major value to make the major font size >= 12\n    if (majorTextFontSize < 12) {\n        const { newMajorAndTrend, updatedProps } = updateVizInSmallSpace({\n            width: containerWidth,\n            height: containerHeight,\n            toRemoveList,\n            majorValue,\n            majorValueDisplay: majorValueDisplay || majorValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            majorTextFontSize,\n            unit,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = newMajorAndTrend);\n        smallVizProps = updatedProps;\n    }\n    return {\n        majorText,\n        trendText,\n        majorTextFontSize,\n        trendTextFontSize,\n        majorValueTitle,\n        smallVizProps,\n    };\n};\n\nexport const minimallyTruncateStringToWidth = ({\n    text,\n    fontSize = DEFAULT_FONT,\n    fontFamily = DEFAULT_FONT_FAMILY,\n    fontWeight = 'normal',\n    containerWidth,\n}) => {\n    let textWidth = computeTextSize(text, `${fontWeight} ${fontSize}px ${fontFamily}`);\n    let modifiedText = text;\n\n    const ellipsesLength = computeTextSize('...', `${fontWeight} ${fontSize}px ${fontFamily}`);\n    //  `containerWidth - ellipsesLength > 0` condition ensures space even exists for text.\n    if (containerWidth - ellipsesLength > 0 && textWidth > containerWidth) {\n        // Truncates the content such that the truncated value + ellipses fit within the allocated space for the ellipses.\n        //  `textWidth > containerWidth - ellipsesLength` condition checks if text + ellipses exceeds container width.\n        //  `text.length > 1` condition included to keep at least the first number.\n        while (textWidth + ellipsesLength > containerWidth && modifiedText.length > 1) {\n            modifiedText = modifiedText.substring(0, modifiedText.length - 1);\n            textWidth = computeTextSize(modifiedText, `normal ${fontSize}px ${fontFamily}`);\n        }\n\n        modifiedText = `${modifiedText}...`;\n    }\n\n    return modifiedText;\n};\n\n/*\n * @method computeSingleValueRadialContent\n * @param {Object} props\n * @param {Number} props.contentWidth\n * @param {Number} props.contentHeight\n * @param {Number} props.containerWidth\n * @param {Number} props.containerHeight\n * @param {Number} props.majorValue               // Major value\n * @param {Number} props.trendValue               // Trend value\n * @param {Number} props.majorFontSize\n * @param {Number} props.trendFontSize\n * @param {String} props.trendDisplay\n * @param {String} props.unit                     // Unit for the value\n * @param {Number} props.numberPrecision\n * @param {Bool} props.shouldUseThousandSeparators\n * @param {Bool} props.shouldAbbreviateTrendValue\n * @param {Bool} props.shouldAbbreviateMajorValue,\n * @param {Object} props.toRemoveList\n * @param {Bool} props.smallViz\n * @returns {Object} results\n * @returns {String} results.majorText\n * @returns {String} results.trendText\n * @returns {Number} results.majorTextFontSize\n * @returns {Number} results.trendTextFontSize\n * @returns {String} results.majorValueTitle\n * @returns {Object} results.smallVizProps\n */\nexport const computeSingleValueRadialContent = ({\n    contentWidth,\n    contentHeight,\n    containerWidth,\n    containerHeight,\n    majorValue,\n    majorValueDisplay,\n    trendValue,\n    majorFontSize,\n    trendFontSize,\n    trendDisplay,\n    unit,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateTrendValue,\n    shouldAbbreviateMajorValue,\n    smallViz,\n}) => {\n    let { majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n        majorValue,\n        majorValueDisplay: majorValueDisplay || majorValue,\n        trendValue,\n        majorFontSize,\n        trendFontSize,\n        trendDisplay,\n        width: contentWidth,\n        height: contentHeight,\n        unit,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateTrendValue,\n        shouldAbbreviateMajorValue,\n    });\n\n    const majorValueTitle = majorText;\n    let smallVizProps = {};\n\n    // custom logic for viz in small space\n    // if not showing the radial graph (if `smallViz` is true), then compute truncated major value\n    //  and font sizes\n    if (smallViz) {\n        const truncateValue = minimallyTruncateStringToWidth({\n            text: majorValueDisplay || majorValue,\n            fontWeight: 'bold',\n            fontSize: 12,\n            containerWidth,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n            majorValueDisplay: truncateValue,\n            majorValue,\n            trendValue,\n            majorFontSize,\n            trendFontSize,\n            width: containerWidth,\n            height: containerHeight,\n            unit,\n            trendDisplay,\n            numberPrecision,\n            shouldUseThousandSeparators,\n            shouldAbbreviateTrendValue,\n            shouldAbbreviateMajorValue,\n        }));\n\n        smallVizProps = {\n            trendDisplay,\n            unit,\n        };\n    }\n\n    return {\n        majorText,\n        trendText,\n        majorTextFontSize,\n        trendTextFontSize,\n        majorValueTitle,\n        smallVizProps,\n    };\n};\n\n/**\n * Get the colors for a graph\n *\n * @method getGraphColors\n * @param {Object} options\n * @param {Bool} options.backgroundEnabled          // Flag to turn on color mode\n * @param {String} options.backgroundColor          // The current background color, overrides trend background color\n * @param {Object} options.defaultColors            // Default colors by severity\n * @param {Function} options.customColorFormatter   // must return { background, stroke } given a color\n * @returns {Object} { background, stroke } colors\n * @private\n */\nexport const getGraphColors = ({\n    backgroundEnabled,\n    backgroundColor,\n    defaultColors,\n    customColorFormatter,\n}) => {\n    // Only do custom colors in block mode\n    if (backgroundEnabled) {\n        // Check if the user defined colors to use\n        if (backgroundColor && typeof customColorFormatter === 'function') {\n            return customColorFormatter(backgroundColor);\n        }\n    }\n\n    return defaultColors.none;\n};\n\n/**\n * Adjust rgb value if it equals to 0 or 255\n * @method adjustRGB\n * @param {Number} rgb      [0 - 255]\n * @param {Number} delta\n * @returns {Number} adjusted rgb\n * @private\n */\nexport const adjustRGB = (rgb, delta) => {\n    if (rgb === 255) {\n        return rgb - delta;\n    }\n\n    if (rgb === 0) {\n        return rgb + delta;\n    }\n\n    return rgb;\n};\n\nconst getUnchangedColorDelta = (r, g, b, ratio) => {\n    if (r === 0 && g === 0 && b === 0) {\n        return ratio > 1 ? 80 : 40;\n    }\n    if (r === 255 && g === 255 && b === 255) {\n        return ratio > 1 ? 20 : 80;\n    }\n    return 20;\n};\n\n/**\n * Modifies colors by multiplying by a given ratio\n * @method changeColor\n * @param {String} color    // Color to modify\n * @param {Number} ratio    // Float to modify color\n * @returns {String} new color\n * @private\n */\nconst changeColor = (color, ratio) => {\n    const hex = color.replace(/(0x|#)/, '');\n    const r = Number.parseInt(hex.substr(0, 2), 16);\n    const g = Number.parseInt(hex.substr(2, 2), 16);\n    const b = Number.parseInt(hex.substr(4, 2), 16);\n\n    // Multiply by given ratio, make sure is between 0 and 255;\n    let newR = Math.max(Math.min(Math.floor(r * ratio), 255), 0);\n    let newG = Math.max(Math.min(Math.floor(g * ratio), 255), 0);\n    let newB = Math.max(Math.min(Math.floor(b * ratio), 255), 0);\n\n    // If the color is not changed, apply a fixed adjustment\n    if (newR === r && newG === g && newB === b) {\n        const delta = getUnchangedColorDelta(newR, newG, newB, ratio);\n        newR = adjustRGB(newR, delta);\n        newG = adjustRGB(newG, delta);\n        newB = adjustRGB(newB, delta);\n    }\n\n    return (\n        `#${newR.toString(16).padStart(2, '0')}` +\n        `${newG.toString(16).padStart(2, '0')}` +\n        `${newB.toString(16).padStart(2, '0')}`\n    );\n};\n\n/**\n * Lighten a given color\n * @method lighten\n * @param {String} color\n * @returns {String}\n * @private\n */\nexport const lighten = color => changeColor(color, 1.3);\n\n/**\n * Darkens a given color\n * @method darken\n * @param {String} color\n * @returns {String}\n * @private\n */\nexport const darken = color => changeColor(color, 0.5);\n\n/** consistent token structure: handle callback to add value and name in event payload\n * @method handleValueClickCallback\n * @param {Object} ev\n * @param {String | Number} majorValue\n * @param {String} majorValueField\n * @param {Number} trendValue\n * @param {Function} onValueClick\n * @param {Object} trellisContext\n * @param {Boolean} trellisContext.trellisEnabled\n * @param {String} trellisContext.trellisSplitBy\n * @param {String} trellisContext.trellisKey\n */\nexport const handleValueClickCallback = (\n    ev,\n    majorValue,\n    majorValueField,\n    trendValue,\n    onValueClick,\n    trellisContext = {}\n) => {\n    const { trellisEnabled = false, trellisSplitBy = '', trellisKey = '' } = trellisContext;\n\n    return onValueClick({\n        ...ev,\n        payload: {\n            trendValue,\n            value: majorValue,\n            name: majorValueField,\n            ...(trellisEnabled && {\n                'trellis.name': trellisSplitBy,\n                'trellis.value': trellisKey,\n            }),\n        },\n    });\n};\n\n/** handle trend color when trend display is percent\n * @method getTrendColorWithPercent\n * @param {Object} options\n * @returns {Object}\n */\nexport const getTrendColorWithPercent = options => {\n    const shouldUsePercentTrendColor =\n        options.trendColor === '> trendValue | rangeValue(trendColorEditorConfig)' &&\n        options.trendDisplay === 'percent';\n\n    return shouldUsePercentTrendColor\n        ? {\n              trendColor: '> trendValuePercent | rangeValue(trendColorEditorConfig)',\n          }\n        : {};\n};\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/domUtils\";\nexport * from \"@splunk/visualizations-shared/domUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/propUtils\";\nexport * from \"@splunk/visualizations-shared/propUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorConstants\";\nexport * from \"@splunk/visualizations-shared/colorConstants\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/common/utils/textUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/textUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,8GACmF,CAAC;AAEhH;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,MAAM,MAAM,KAAG,MAM7D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GACrB,MAAM,MAAM,EACZ,UAAU,MAAM,EAChB,gBAAgB,aAAa,GAAG,gBAAgB,GAAG,eAAe,EAClE,aAAgC,KACjC,MA4CF,CAAC"}
+{"version":3,"file":"textUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/textUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,8GACmF,CAAC;AAEhH;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,MAAM,MAAM,KAAG,MAM7D,CAAC;AAkDF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GACrB,MAAM,MAAM,EACZ,UAAU,MAAM,EAChB,gBAAgB,aAAa,GAAG,gBAAgB,GAAG,eAAe,EAClE,aAAgC,KACjC,MAyBF,CAAC"}

package/common/utils/textUtils.js

@@ -36,40 +36,54 @@ var computeTextWidth = (text, font) => {
   const measure = context.measureText(text);
   return measure.width;
 };
+var truncateEnd = (text, context, maxWidth, ellipsis) => {
+  for (let i = text.length - 1; i > 0; i -= 1) {
+    const truncatedText = text.slice(0, i) + ellipsis;
+    if (context.measureText(truncatedText).width <= maxWidth) {
+      return truncatedText;
+    }
+  }
+  return ellipsis;
+};
+var truncateStart = (text, context, maxWidth, ellipsis) => {
+  for (let i = 0; i < text.length; i += 1) {
+    const truncatedText = ellipsis + text.slice(i);
+    if (context.measureText(truncatedText).width <= maxWidth) {
+      return truncatedText;
+    }
+  }
+  return ellipsis;
+};
+var truncateMiddle = (text, context, maxWidth, ellipsis) => {
+  const ellipsisWidth = context.measureText(ellipsis).width;
+  for (let i = 0; i < text.length / 2; i += 1) {
+    const left = text.slice(0, Math.floor(text.length / 2) - i);
+    const right = text.slice(Math.ceil(text.length / 2) + i);
+    const truncatedText = left + ellipsis + right;
+    if (context.measureText(left).width + ellipsisWidth + context.measureText(right).width <= maxWidth) {
+      return truncatedText;
+    }
+  }
+  return ellipsis;
+};
 var truncateText = (text, maxWidth, truncationType, font = `10px ${VIZ_FONT_FAMILY}`) => {
   const canvas = document.createElement("canvas");
   const context = canvas.getContext("2d");
   if (!context) return text;
   context.font = font;
   const ellipsis = "...";
-  const ellipsisWidth = context.measureText(ellipsis).width;
   const fullTextWidth = context.measureText(text).width;
   if (fullTextWidth <= maxWidth) {
     return text;
   }
   if (truncationType === "ellipsisEnd") {
-    for (let i = text.length - 1; i > 0; i -= 1) {
-      const truncatedText = text.slice(0, i) + ellipsis;
-      if (context.measureText(truncatedText).width <= maxWidth) {
-        return truncatedText;
-      }
-    }
-  } else if (truncationType === "ellipsisStart") {
-    for (let i = 0; i < text.length; i += 1) {
-      const truncatedText = ellipsis + text.slice(i);
-      if (context.measureText(truncatedText).width <= maxWidth) {
-        return truncatedText;
-      }
-    }
-  } else if (truncationType === "ellipsisMiddle") {
-    for (let i = 0; i < text.length / 2; i += 1) {
-      const left = text.slice(0, Math.floor(text.length / 2) - i);
-      const right = text.slice(Math.ceil(text.length / 2) + i);
-      const truncatedText = left + ellipsis + right;
-      if (context.measureText(left).width + ellipsisWidth + context.measureText(right).width <= maxWidth) {
-        return truncatedText;
-      }
-    }
+    return truncateEnd(text, context, maxWidth, ellipsis);
+  }
+  if (truncationType === "ellipsisStart") {
+    return truncateStart(text, context, maxWidth, ellipsis);
+  }
+  if (truncationType === "ellipsisMiddle") {
+    return truncateMiddle(text, context, maxWidth, ellipsis);
   }
   return ellipsis;
 };

package/common/utils/textUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/common/utils/textUtils.ts"],
-  "sourcesContent": ["export const VIZ_FONT_FAMILY =\n    \"'Splunk Platform Sans', 'Splunk Data Sans', Roboto, Droid, 'Helvetica Neue', Helvetica, Arial, sans-serif\";\n\n/**\n * Return text width\n * @method computeTextWidth\n * @param {String} text\n * @param {String} font\n * @returns {Number} width of text with font\n */\nexport const computeTextWidth = (text: string, font: string): number => {\n    const canvas = document.createElement('canvas');\n    const context = canvas.getContext('2d');\n    context.font = font;\n    const measure = context.measureText(text);\n    return measure.width;\n};\n\n/**\n * Return truncated text\n * @method truncateText\n * @param {String} text\n * @param {Number} maxWidth\n * @param {String} truncationType\n * @param {String} font\n * @returns {String} truncated text\n */\nexport const truncateText = (\n    text: string,\n    maxWidth: number,\n    truncationType: 'ellipsisEnd' | 'ellipsisMiddle' | 'ellipsisStart',\n    font = `10px ${VIZ_FONT_FAMILY}`\n): string => {\n    const canvas = document.createElement('canvas');\n    const context = canvas.getContext('2d');\n    if (!context) return text;\n\n    context.font = font;\n\n    const ellipsis = '...';\n    const ellipsisWidth = context.measureText(ellipsis).width;\n    const fullTextWidth = context.measureText(text).width;\n\n    if (fullTextWidth <= maxWidth) {\n        return text;\n    }\n\n    if (truncationType === 'ellipsisEnd') {\n        for (let i = text.length - 1; i > 0; i -= 1) {\n            const truncatedText = text.slice(0, i) + ellipsis;\n            if (context.measureText(truncatedText).width <= maxWidth) {\n                return truncatedText;\n            }\n        }\n    } else if (truncationType === 'ellipsisStart') {\n        for (let i = 0; i < text.length; i += 1) {\n            const truncatedText = ellipsis + text.slice(i);\n            if (context.measureText(truncatedText).width <= maxWidth) {\n                return truncatedText;\n            }\n        }\n    } else if (truncationType === 'ellipsisMiddle') {\n        for (let i = 0; i < text.length / 2; i += 1) {\n            const left = text.slice(0, Math.floor(text.length / 2) - i);\n            const right = text.slice(Math.ceil(text.length / 2) + i);\n            const truncatedText = left + ellipsis + right;\n            if (\n                context.measureText(left).width + ellipsisWidth + context.measureText(right).width <=\n                maxWidth\n            ) {\n                return truncatedText;\n            }\n        }\n    }\n\n    return ellipsis;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,kBACT;AASG,IAAM,mBAAmB,CAAC,MAAc,SAAyB;AACpE,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAM,UAAU,OAAO,WAAW,IAAI;AACtC,UAAQ,OAAO;AACf,QAAM,UAAU,QAAQ,YAAY,IAAI;AACxC,SAAO,QAAQ;AACnB;AAWO,IAAM,eAAe,CACxB,MACA,UACA,gBACA,OAAO,QAAQ,eAAe,OACrB;AACT,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAM,UAAU,OAAO,WAAW,IAAI;AACtC,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,OAAO;AAEf,QAAM,WAAW;AACjB,QAAM,gBAAgB,QAAQ,YAAY,QAAQ,EAAE;AACpD,QAAM,gBAAgB,QAAQ,YAAY,IAAI,EAAE;AAEhD,MAAI,iBAAiB,UAAU;AAC3B,WAAO;AAAA,EACX;AAEA,MAAI,mBAAmB,eAAe;AAClC,aAAS,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,KAAK,GAAG;AACzC,YAAM,gBAAgB,KAAK,MAAM,GAAG,CAAC,IAAI;AACzC,UAAI,QAAQ,YAAY,aAAa,EAAE,SAAS,UAAU;AACtD,eAAO;AAAA,MACX;AAAA,IACJ;AAAA,EACJ,WAAW,mBAAmB,iBAAiB;AAC3C,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;AACrC,YAAM,gBAAgB,WAAW,KAAK,MAAM,CAAC;AAC7C,UAAI,QAAQ,YAAY,aAAa,EAAE,SAAS,UAAU;AACtD,eAAO;AAAA,MACX;AAAA,IACJ;AAAA,EACJ,WAAW,mBAAmB,kBAAkB;AAC5C,aAAS,IAAI,GAAG,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG;AACzC,YAAM,OAAO,KAAK,MAAM,GAAG,KAAK,MAAM,KAAK,SAAS,CAAC,IAAI,CAAC;AAC1D,YAAM,QAAQ,KAAK,MAAM,KAAK,KAAK,KAAK,SAAS,CAAC,IAAI,CAAC;AACvD,YAAM,gBAAgB,OAAO,WAAW;AACxC,UACI,QAAQ,YAAY,IAAI,EAAE,QAAQ,gBAAgB,QAAQ,YAAY,KAAK,EAAE,SAC7E,UACF;AACE,eAAO;AAAA,MACX;AAAA,IACJ;AAAA,EACJ;AAEA,SAAO;AACX;",
+  "sourcesContent": ["export const VIZ_FONT_FAMILY =\n    \"'Splunk Platform Sans', 'Splunk Data Sans', Roboto, Droid, 'Helvetica Neue', Helvetica, Arial, sans-serif\";\n\n/**\n * Return text width\n * @method computeTextWidth\n * @param {String} text\n * @param {String} font\n * @returns {Number} width of text with font\n */\nexport const computeTextWidth = (text: string, font: string): number => {\n    const canvas = document.createElement('canvas');\n    const context = canvas.getContext('2d');\n    context.font = font;\n    const measure = context.measureText(text);\n    return measure.width;\n};\n\nconst truncateEnd = (\n    text: string,\n    context: CanvasRenderingContext2D,\n    maxWidth: number,\n    ellipsis: string\n): string => {\n    for (let i = text.length - 1; i > 0; i -= 1) {\n        const truncatedText = text.slice(0, i) + ellipsis;\n        if (context.measureText(truncatedText).width <= maxWidth) {\n            return truncatedText;\n        }\n    }\n    return ellipsis;\n};\n\nconst truncateStart = (\n    text: string,\n    context: CanvasRenderingContext2D,\n    maxWidth: number,\n    ellipsis: string\n): string => {\n    for (let i = 0; i < text.length; i += 1) {\n        const truncatedText = ellipsis + text.slice(i);\n        if (context.measureText(truncatedText).width <= maxWidth) {\n            return truncatedText;\n        }\n    }\n    return ellipsis;\n};\n\nconst truncateMiddle = (\n    text: string,\n    context: CanvasRenderingContext2D,\n    maxWidth: number,\n    ellipsis: string\n): string => {\n    const ellipsisWidth = context.measureText(ellipsis).width;\n    for (let i = 0; i < text.length / 2; i += 1) {\n        const left = text.slice(0, Math.floor(text.length / 2) - i);\n        const right = text.slice(Math.ceil(text.length / 2) + i);\n        const truncatedText = left + ellipsis + right;\n        if (context.measureText(left).width + ellipsisWidth + context.measureText(right).width <= maxWidth) {\n            return truncatedText;\n        }\n    }\n    return ellipsis;\n};\n\n/**\n * Return truncated text\n * @method truncateText\n * @param {String} text\n * @param {Number} maxWidth\n * @param {String} truncationType\n * @param {String} font\n * @returns {String} truncated text\n */\nexport const truncateText = (\n    text: string,\n    maxWidth: number,\n    truncationType: 'ellipsisEnd' | 'ellipsisMiddle' | 'ellipsisStart',\n    font = `10px ${VIZ_FONT_FAMILY}`\n): string => {\n    const canvas = document.createElement('canvas');\n    const context = canvas.getContext('2d');\n    if (!context) return text;\n\n    context.font = font;\n\n    const ellipsis = '...';\n    const fullTextWidth = context.measureText(text).width;\n\n    if (fullTextWidth <= maxWidth) {\n        return text;\n    }\n\n    if (truncationType === 'ellipsisEnd') {\n        return truncateEnd(text, context, maxWidth, ellipsis);\n    }\n    if (truncationType === 'ellipsisStart') {\n        return truncateStart(text, context, maxWidth, ellipsis);\n    }\n    if (truncationType === 'ellipsisMiddle') {\n        return truncateMiddle(text, context, maxWidth, ellipsis);\n    }\n\n    return ellipsis;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,kBACT;AASG,IAAM,mBAAmB,CAAC,MAAc,SAAyB;AACpE,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAM,UAAU,OAAO,WAAW,IAAI;AACtC,UAAQ,OAAO;AACf,QAAM,UAAU,QAAQ,YAAY,IAAI;AACxC,SAAO,QAAQ;AACnB;AAEA,IAAM,cAAc,CAChB,MACA,SACA,UACA,aACS;AACT,WAAS,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,KAAK,GAAG;AACzC,UAAM,gBAAgB,KAAK,MAAM,GAAG,CAAC,IAAI;AACzC,QAAI,QAAQ,YAAY,aAAa,EAAE,SAAS,UAAU;AACtD,aAAO;AAAA,IACX;AAAA,EACJ;AACA,SAAO;AACX;AAEA,IAAM,gBAAgB,CAClB,MACA,SACA,UACA,aACS;AACT,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;AACrC,UAAM,gBAAgB,WAAW,KAAK,MAAM,CAAC;AAC7C,QAAI,QAAQ,YAAY,aAAa,EAAE,SAAS,UAAU;AACtD,aAAO;AAAA,IACX;AAAA,EACJ;AACA,SAAO;AACX;AAEA,IAAM,iBAAiB,CACnB,MACA,SACA,UACA,aACS;AACT,QAAM,gBAAgB,QAAQ,YAAY,QAAQ,EAAE;AACpD,WAAS,IAAI,GAAG,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG;AACzC,UAAM,OAAO,KAAK,MAAM,GAAG,KAAK,MAAM,KAAK,SAAS,CAAC,IAAI,CAAC;AAC1D,UAAM,QAAQ,KAAK,MAAM,KAAK,KAAK,KAAK,SAAS,CAAC,IAAI,CAAC;AACvD,UAAM,gBAAgB,OAAO,WAAW;AACxC,QAAI,QAAQ,YAAY,IAAI,EAAE,QAAQ,gBAAgB,QAAQ,YAAY,KAAK,EAAE,SAAS,UAAU;AAChG,aAAO;AAAA,IACX;AAAA,EACJ;AACA,SAAO;AACX;AAWO,IAAM,eAAe,CACxB,MACA,UACA,gBACA,OAAO,QAAQ,eAAe,OACrB;AACT,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,QAAM,UAAU,OAAO,WAAW,IAAI;AACtC,MAAI,CAAC,QAAS,QAAO;AAErB,UAAQ,OAAO;AAEf,QAAM,WAAW;AACjB,QAAM,gBAAgB,QAAQ,YAAY,IAAI,EAAE;AAEhD,MAAI,iBAAiB,UAAU;AAC3B,WAAO;AAAA,EACX;AAEA,MAAI,mBAAmB,eAAe;AAClC,WAAO,YAAY,MAAM,SAAS,UAAU,QAAQ;AAAA,EACxD;AACA,MAAI,mBAAmB,iBAAiB;AACpC,WAAO,cAAc,MAAM,SAAS,UAAU,QAAQ;AAAA,EAC1D;AACA,MAAI,mBAAmB,kBAAkB;AACrC,WAAO,eAAe,MAAM,SAAS,UAAU,QAAQ;AAAA,EAC3D;AAEA,SAAO;AACX;",
   "names": []
 }

package/common/utils/trellisUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trellisUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/trellisUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,aAAa,EAUhB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;KAAE,CAAA;CAAE,CAAC;AAChF,MAAM,WAAW,eAAe;IAC5B,gBAAgB,EAAE,eAAe,CAAC;IAClC,SAAS,EAAE,yBAAyB,GAAG,wBAAwB,GAAG,SAAS,CAAC;CAC/E;AACD,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAE3C;;;;;;;GAOG;AACH,eAAO,MAAM,qCAAqC,GAAI,YAAY;IAC9D,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eAsBH,CAAC;AAWF,eAAO,MAAM,+CAA+C,GAAI,YAAY;IACxE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eAkDH,CAAC;AAEF,eAAO,MAAM,mCAAmC,GAAI,YAAY;IAC5D,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eA4BH,CAAC;AAEF,eAAO,MAAM,+BAA+B,GACxC,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,KAChB,eAyCF,CAAC;AA+EF,eAAO,MAAM,2BAA2B,GACpC,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,KAChB,eAwCF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oCAAoC,GAC7C,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,EACf,YAAY,aAAa,KAC1B,eA4CF,CAAC;AAEF,eAAO,MAAM,gCAAgC,GACzC,WAAW,aAAa,EACxB,aAAa;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC3C,gBAAgB,MAAM,KACvB,eA8BF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mCAAmC,GAC5C,aAAa,OAAO,EACpB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC7B,MAAM,CAAC,MAAM,EAAE,MAAM,CAOvB,CAAC;AAiCF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GACxB,WAAW,eAAe,EAC1B,oBAAoB,OAAO,EAC3B,UAAU,MAAM,GAAG,MAAM,EACzB,UAAU,MAAM,GAAG,MAAM,EACzB,YAAY,MAAM,wBAWrB,CAAC"}
+{"version":3,"file":"trellisUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/trellisUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,aAAa,EAUhB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;KAAE,CAAA;CAAE,CAAC;AAChF,MAAM,WAAW,eAAe;IAC5B,gBAAgB,EAAE,eAAe,CAAC;IAClC,SAAS,EAAE,yBAAyB,GAAG,wBAAwB,GAAG,SAAS,CAAC;CAC/E;AACD,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAE3C;;;;;;;GAOG;AACH,eAAO,MAAM,qCAAqC,GAAI,YAAY;IAC9D,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eAsBH,CAAC;AAWF,eAAO,MAAM,+CAA+C,GAAI,YAAY;IACxE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eAkDH,CAAC;AAEF,eAAO,MAAM,mCAAmC,GAAI,YAAY;IAC5D,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,KAAG,eA4BH,CAAC;AAEF,eAAO,MAAM,+BAA+B,GACxC,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,KAChB,eAyCF,CAAC;AA+EF,eAAO,MAAM,2BAA2B,GACpC,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,KAChB,eAwCF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oCAAoC,GAC7C,YAAY;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC1C,SAAS,MAAM,EACf,YAAY,aAAa,KAC1B,eA4CF,CAAC;AAEF,eAAO,MAAM,gCAAgC,GACzC,WAAW,aAAa,EACxB,aAAa;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,EAC3C,gBAAgB,MAAM,KACvB,eA8BF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,mCAAmC,GAC5C,aAAa,OAAO,EACpB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC7B,MAAM,CAAC,MAAM,EAAE,MAAM,CAOvB,CAAC;AAqCF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GACxB,WAAW,eAAe,EAC1B,oBAAoB,OAAO,EAC3B,UAAU,MAAM,GAAG,MAAM,EACzB,UAAU,MAAM,GAAG,MAAM,EACzB,YAAY,MAAM,wBAWrB,CAAC"}

package/common/utils/trellisUtils.js

@@ -284,7 +284,7 @@ var dataSourcesSplitByModeChart = (dataSource, splitBy) => {
     splitByFields = (0, trellisUtils_exports.extractSplitByFieldsChartFields)(fields);
   }
   if (splitByFields == null ? void 0 : splitByFields.includes(splitBy)) {
-    const splitByFieldIdx = splitByFields.findIndex((f) => f === splitBy);
+    const splitByFieldIdx = splitByFields.indexOf(splitBy);
     const otherSplitBy = splitByFields.filter((f) => f !== splitBy);
     const dataSourceKeys = (0, trellisUtils_exports.extractDataSourceAggregationKeysChart)(fields);
     const nonDataSourceAggregations = [];
@@ -318,17 +318,17 @@ var dataSourcesSplitByModeStatsorUnknown = (dataSource, splitBy, splitMode) => {
   let splitByFields = [];
   let errorCode = null;
   if (fields.length > 0) {
-    splitByFields = splitMode !== trellisUtils_exports.UNKNOWN ? (0, trellisUtils_exports.extractSplitByFieldsForStats)(fields) : (0, trellisUtils_exports.extractSplitByFieldsForUnknown)(fields);
+    splitByFields = splitMode === trellisUtils_exports.UNKNOWN ? (0, trellisUtils_exports.extractSplitByFieldsForUnknown)(fields) : (0, trellisUtils_exports.extractSplitByFieldsForStats)(fields);
   }
   const splitByIndex = fields.findIndex((field) => field.name === splitBy);
   if (splitByFields == null ? void 0 : splitByFields.includes(splitBy)) {
     const splitByColumn = (_f = (_e = dataSource == null ? void 0 : dataSource.primary) == null ? void 0 : _e.data) == null ? void 0 : _f.columns[splitByIndex];
     splitDataSources = {};
     splitByColumn.forEach((val, idx) => {
-      if (!splitDataSources[val]) {
-        splitDataSources[val] = [idx];
-      } else {
+      if (splitDataSources[val]) {
         splitDataSources[val].push(idx);
+      } else {
+        splitDataSources[val] = [idx];
       }
     });
     const cloneFields = (0, lodash_exports.cloneDeep)(fields);
@@ -379,27 +379,28 @@ var turnOffLegendDisplayWhenTrellisIsOn = (isTrellisOn, options) => {
   }
   return {};
 };
+var extendMinMaxWithColumn = (column, range) => column.reduce((acc, point) => {
+  const pointNumber = Number(point);
+  if (Number.isNaN(pointNumber)) {
+    return acc;
+  }
+  return {
+    min: Math.min(pointNumber, acc.min),
+    max: Math.max(pointNumber, acc.max)
+  };
+}, range);
 var calculateSharedMinMax = (splitData) => {
-  let max = -Infinity;
-  let min = Infinity;
+  let range = { min: Infinity, max: -Infinity };
   Object.keys(splitData).forEach((splitByKey) => {
     const datasources = splitData[splitByKey];
     Object.keys(datasources).forEach((datasourceName) => {
       const dataColumns = datasources[datasourceName].data.columns;
       dataColumns.forEach((column) => {
-        column.forEach((point) => {
-          const pointNumber = Number(point);
-          if (pointNumber > max) {
-            max = pointNumber;
-          }
-          if (pointNumber < min) {
-            min = pointNumber;
-          }
-        });
+        range = extendMinMaxWithColumn(column, range);
       });
     });
   });
-  return [min, max];
+  return [range.min, range.max];
 };
 var determineMinMax = (splitData, trellisSharedScale, yAxisMin, yAxisMax, stackMode) => {
   if (!trellisSharedScale || stackMode === "stacked100" || yAxisMin !== "auto" && yAxisMax !== "auto")