@splunk/visualizations 26.4.1 → 27.1.0

package/SingleValueBasic.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"prop-types\"","webpack:///external \"react\"","webpack:///external \"@splunk/visualizations-shared/numberUtils\"","webpack:///./src/SingleValueBasic/TrendValue.jsx","webpack:///./src/SingleValueBasic/MajorValue.jsx","webpack:///./src/SingleValueBasic/SingleValueBasic.jsx","webpack:///external \"@splunk/react-icons/enterprise/ArrowUp\"","webpack:///external \"@splunk/react-icons/enterprise/ArrowDown\"","webpack:///external \"cssesc\"","webpack:///external \"@babel/runtime/helpers/defineProperty\"","webpack:///./src/common/utils/singleValueUtils.js","webpack:///external \"lodash\"","webpack:///external \"@splunk/ui-utils/i18n\"","webpack:///external \"@splunk/visualizations-shared/propUtils\"","webpack:///external \"styled-components\"","webpack:///external \"@babel/runtime/helpers/extends\"","webpack:///external \"@splunk/visualizations-shared/colorConstants\"","webpack:///external \"@splunk/visualizations-shared/domUtils\""],"names":["Column","styled","props","parseInt","Text","SingleValueContent","fontSize","color","value","text","TrendIndicator","ariaLabel","parseFloat","_","T","string","Row","validUnitPositions","unitPosition","title","onValueClick","unit","sanitizedUnit","cssesc","wrap","quotes","sanitizedUnitPosition","handleKeyDown","e","getAligment","SingleValueBasic","majorColor","majorTextFontSize","majorText","majorValueTitle","trendColor","trendTextFontSize","trendText","showTrendIndicator","underLabel","underLabelFontSize","underLabelColor","align","trendIndicatorEnabled","SingleValueTrendValue","DEFAULT_FONT","DEFAULT_FONT_FAMILY","SVR_PADDING","top","bottom","left","right","alignMap","center","shouldShowTrend","trendDisplay","isLoadingOrNoColumns","data","get","noColumns","loading","getFormattedColor","formatColor","hasBackground","backgroundColor","isIdenticalColor","colorA","colorB","getDefaultColorWithBg","defaultFontColor","defaultBlockFontColor","getMajorColor","getTrendColor","trendValue","majorValue","customizedBgColor","defaultColors","Number","defaultBackgroundColor","isInvalidTrend","computeColors","backgroundEnabled","computeText","numberPrecision","shouldUseThousandSeparators","shouldAbbreviateValue","formatNumber","useThousandSeparators","useTrendUnits","getMajorText","shouldAbbreviateMajorValue","getTrendText","shouldAbbreviateTrendValue","compute","isNumerial","showPercent","diff","Math","val","computeFontSize","width","height","fontFamily","fontWeight","widthInDefaultFont","computeTextSize","getMajorFontSize","spaceRatio","majorTextCalc","getTrendFontSize","trendFontSize","getUnderLabelHeight","getUnderLabel","getMajorAndTrend","majorFontSize","majorTextSpaceRatio","textContentWidth","textContentHeight","updateVizInSmallSpace","toRemoveList","removeIndex","newProps","newMajorAndTrend","newTextSize","toRemove","truncateValue","updatedProps","computeSingleValueContent","contentWidth","contentHeight","containerWidth","containerHeight","smallVizProps","minimallyTruncateStringToWidth","textWidth","modifiedText","ellipsesLength","computeSingleValueRadialContent","smallViz","getGraphColors","customColorFormatter","adjustRGB","rgb","changeColor","hex","r","g","b","newR","newG","newB","ratio","lighten","darken","handleValueClickCallback","trellisEnabled","trellisSplityBy","trellisKey","payload","name","majorValueField"],"mappings":"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","file":"SingleValueBasic.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 101);\n","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"@splunk/visualizations-shared/numberUtils\");","import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport ArrowUp from '@splunk/react-icons/enterprise/ArrowUp';\nimport ArrowDown from '@splunk/react-icons/enterprise/ArrowDown';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { DEFAULT_FONT_FAMILY } from '../common/utils/singleValueUtils';\n\nconst Column = styled.div`\n    display: flex;\n    flex-direction: row;\n    justify-content: ${props => props.justify || 'flex-end'};\n    height: ${props => props.size || 12}px;\n    ${props => (props.size ? `margin: 0 ${parseInt(props.size, 10) * 0.2 || 5}px;` : '')};\n`;\n\nconst Text = styled.div`\n    white-space: nowrap;\n    font-size: ${props => props.size || 12}px;\n    color: ${props => props.color || '#000'};\n    font-family: ${DEFAULT_FONT_FAMILY};\n    height: ${props => props.size || 12}px;\n    line-height: ${props => props.size || 12}px;\n    display: flex;\n    align-self: baseline;\n    ${props => (props.size ? `margin-left: ${parseInt(props.size, 10) * 0.2 || 5}px;` : '')};\n`;\n\nconst SingleValueContent = ({ fontSize, color, value, text }) => {\n    let TrendIndicator = false;\n    let ariaLabel = false;\n\n    if (parseFloat(value, 10) > 0) {\n        TrendIndicator = ArrowUp;\n        ariaLabel = _('increase');\n    } else if (parseFloat(value, 10) < 0) {\n        TrendIndicator = ArrowDown;\n        ariaLabel = _('decrease');\n    }\n\n    return (\n        <Column justify=\"flex-end\" size={fontSize}>\n            <Text data-test=\"trendValueIndicator\" size={fontSize} color={color}>\n                {TrendIndicator && <TrendIndicator aria-label={ariaLabel} />}\n            </Text>\n            <Text data-test=\"trendValue\" size={fontSize} color={color}>\n                {`${text}`}\n            </Text>\n        </Column>\n    );\n};\n\nSingleValueContent.propTypes = {\n    fontSize: T.number,\n    color: T.string,\n    value: T.oneOfType([T.string, T.number]),\n    text: T.string,\n};\n\nexport default SingleValueContent;\n","import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport cssesc from 'cssesc';\nimport { DEFAULT_FONT_FAMILY } from '../common/utils/singleValueUtils';\n\nconst Row = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    justify-content: left;\n    height: ${props => props.size}px;\n    line-height: ${props => props.size}px;\n`;\n\nconst Text = styled.div`\n    white-space: nowrap;\n    height: 100%;\n    font-size: ${props => props.size || 12}px;\n    color: ${props => props.color};\n    font-family: ${DEFAULT_FONT_FAMILY};\n    font-weight: bold;\n    &:hover {\n        text-decoration: ${props => (props.showUnderline ? 'underline' : 'inherit')};\n        cursor: ${props => (props.showUnderline ? 'pointer' : 'inherit')};\n    }\n    ${props => {\n        if (!props.pseudoContent || !props.pseudoContentPosition) {\n            return '';\n        }\n        return `&:${props.pseudoContentPosition} {\n            // by default this pseudo element would inherit text-decoration from main element\n            // and text-decoration could not be overwritten.\n            // adding display: inline-block makes text decoration independent from main element.\n            // => the unit will not be underlined if a user hovers over the main value\n            display: inline-block;\n            font-size: ${props.pseudoContentFontSize}px;\n            position: relative;\n            font-weight: normal;\n            content: ${props.pseudoContent};\n        }`;\n    }}\n`;\n\nconst validUnitPositions = ['before', 'after'];\n\nconst SingleValueContent = ({ color, fontSize, unitPosition, title, value, onValueClick, unit }) => {\n    let sanitizedUnit;\n    let sanitizedUnitPosition;\n\n    if (typeof unit === 'string') {\n        sanitizedUnit = cssesc(unit, { wrap: true, quotes: 'double' });\n        if (typeof unitPosition === 'string' && validUnitPositions.includes(unitPosition)) {\n            sanitizedUnitPosition = unitPosition;\n        } else {\n            sanitizedUnitPosition = 'after';\n        }\n    }\n\n    const handleKeyDown = e => {\n        if (e.keyCode !== 13) {\n            return;\n        }\n        e.preventDefault();\n        onValueClick(e);\n    };\n\n    return (\n        <Row size={fontSize}>\n            <Text\n                data-test=\"majorValue\"\n                color={color}\n                onClick={e => typeof onValueClick === 'function' && onValueClick(e)}\n                showUnderline={!!onValueClick}\n                size={fontSize}\n                title={title}\n                pseudoContent={sanitizedUnit}\n                pseudoContentPosition={sanitizedUnitPosition}\n                pseudoContentFontSize={fontSize * 0.6}\n                tabIndex=\"0\"\n                role=\"button\"\n                onKeyDown={handleKeyDown}\n            >\n                {value}\n            </Text>\n        </Row>\n    );\n};\n\nSingleValueContent.propTypes = {\n    color: T.string,\n    fontSize: T.number,\n    unit: T.string,\n    unitPosition: T.oneOf(validUnitPositions),\n    value: T.oneOfType([T.string, T.number]),\n    title: T.oneOfType([T.string, T.number]),\n    onValueClick: T.oneOfType([T.bool, T.func]),\n};\n\nexport default SingleValueContent;\n","import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { DEFAULT_FONT_FAMILY, getAligment } from '../common/utils/singleValueUtils';\nimport TrendValue from './TrendValue';\nimport MajorValue from './MajorValue';\n\nconst Column = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-self: center;\n    justify-content: center;\n`;\n\nconst Row = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: ${props => props.alignItems || 'center'};\n    justify-content: ${props => getAligment(props.align)};\n`;\n\nconst Text = styled.div`\n    font-weight: normal;\n    white-space: nowrap;\n    font-size: ${props => props.size || 12}px;\n    color: ${props => props.color || '#000'};\n    font-family: ${DEFAULT_FONT_FAMILY};\n    height: ${props => props.size || 12}px;\n    line-height: 1.2;\n    margin: ${props => props.margin || 'inherit'};\n`;\n\nconst SingleValueBasic = ({ ...props }) => {\n    const {\n        majorColor,\n        majorTextFontSize,\n        majorText,\n        majorValueTitle,\n        trendColor,\n        trendTextFontSize,\n        trendText,\n        showTrendIndicator,\n        unit,\n        unitPosition,\n        underLabel,\n        underLabelFontSize,\n        underLabelColor,\n        onValueClick,\n        align,\n    } = props;\n    const trendIndicatorEnabled = trendText !== '' && showTrendIndicator;\n\n    return (\n        <Column>\n            <Row\n                alignItems=\"baseline\"\n                align={align}\n                data-test={`single-value-row-align-${getAligment(align)}`}\n            >\n                <MajorValue\n                    color={majorColor}\n                    fontSize={majorTextFontSize}\n                    unit={unit}\n                    unitPosition={unitPosition}\n                    value={majorText}\n                    title={majorValueTitle}\n                    onValueClick={onValueClick}\n                />\n                {trendIndicatorEnabled && (\n                    // Passing the same value for value and text is a temporary hold until completion of https://jira.splunk.com/browse/SCP-21371\n                    <TrendValue\n                        fontSize={trendTextFontSize}\n                        color={trendColor}\n                        value={trendText}\n                        text={trendText}\n                    />\n                )}\n            </Row>\n            {underLabel && (\n                <Row\n                    justify=\"center\"\n                    align={align}\n                    data-test={`single-value-row-align-${getAligment(align)}`}\n                >\n                    <Text\n                        data-test=\"underLabel\"\n                        size={underLabelFontSize}\n                        color={underLabelColor}\n                        margin=\"0 6px\"\n                    >\n                        {underLabel}\n                    </Text>\n                </Row>\n            )}\n        </Column>\n    );\n};\n\nSingleValueBasic.propTypes = {\n    majorText: T.string,\n    majorColor: T.string,\n    majorTextFontSize: T.number,\n    majorValueTitle: T.string,\n    trendText: T.string,\n    trendTextFontSize: T.number,\n    trendColor: T.string,\n    showTrendIndicator: T.bool,\n    unit: T.string,\n    unitPosition: T.oneOf(['before', 'after']),\n    underLabel: T.string,\n    underLabelFontSize: T.number,\n    underLabelColor: T.string,\n    onValueClick: T.oneOfType([T.bool, T.func]),\n    align: T.string,\n};\n\nexport const SingleValueTrendValue = TrendValue;\nexport default SingleValueBasic;\n","module.exports = require(\"@splunk/react-icons/enterprise/ArrowUp\");","module.exports = require(\"@splunk/react-icons/enterprise/ArrowDown\");","module.exports = require(\"cssesc\");","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","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    // todo: need change it to not depend on majorColor\n    const 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, // todo: need update formatNumber\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    majorValue,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateMajorValue,\n}) =>\n    computeText({\n        value: majorValue === null ? 'N/A' : majorValue, // if majorValue 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 = Math.round((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    // todo: may need truncate underLabel later\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.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    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    const majorText = getMajorText({\n        majorValue,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateMajorValue,\n    });\n    const majorTextFontSize =\n        majorFontSize ||\n        getMajorFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            unit,\n            majorText,\n            spaceRatio: majorTextSpaceRatio,\n        });\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    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            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 = `${majorValue.toString().slice(0, 3)}...`;\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue: 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.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    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        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            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    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        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: majorValue,\n            fontWeight: 'bold',\n            fontSize: 12,\n            containerWidth,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n            majorValue: truncateValue,\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\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\n    // case 1: the color is (0, 0 0)\n    //         lighten color (80, 80, 80)\n    //         darken color (40, 40, 40)\n    // case 2: the color is (255, 255, 255)\n    //         lighten color (235, 235, 235)\n    //         darken color (175, 175, 175)\n    // case 3: the color is e.g. (0, 255, 0)\n    //         new color (20, 235, 20)\n    if (newR === r && newG === g && newB === b) {\n        if (newR === 0 && newG === 0 && newB === 0) {\n            if (ratio > 1) {\n                newR = adjustRGB(newR, 80);\n                newG = adjustRGB(newG, 80);\n                newB = adjustRGB(newB, 80);\n            } else {\n                newR = adjustRGB(newR, 40);\n                newG = adjustRGB(newG, 40);\n                newB = adjustRGB(newB, 40);\n            }\n        } else if (newR === 255 && newG === 255 && newB === 255) {\n            if (ratio > 1) {\n                newR = adjustRGB(newR, 20);\n                newG = adjustRGB(newG, 20);\n                newB = adjustRGB(newB, 20);\n            } else {\n                newR = adjustRGB(newR, 80);\n                newG = adjustRGB(newG, 80);\n                newB = adjustRGB(newB, 80);\n            }\n        } else {\n            newR = adjustRGB(newR, 20);\n            newG = adjustRGB(newG, 20);\n            newB = adjustRGB(newB, 20);\n        }\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 */\nexport const handleValueClickCallback = (\n    ev,\n    majorValue,\n    majorValueField,\n    trendValue,\n    onValueClick,\n    trellisEnabled = false,\n    trellisSplityBy = '',\n    trellisKey = ''\n) => {\n    let payload = {\n        trendValue,\n        value: majorValue,\n        name: majorValueField,\n    };\n    if (trellisEnabled) {\n        payload = { ...payload, 'trellis.name': trellisSplityBy, 'trellis.value': trellisKey };\n    }\n    return onValueClick({ ...ev, payload });\n};\n","module.exports = require(\"lodash\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualizations-shared/propUtils\");","module.exports = require(\"styled-components\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"@splunk/visualizations-shared/colorConstants\");","module.exports = require(\"@splunk/visualizations-shared/domUtils\");"],"sourceRoot":""}
+{
+  "version": 3,
+  "sources": ["src/SingleValueBasic/SingleValueBasic.jsx", "esm-externals:react", "esm-externals:prop-types", "esm-externals:styled-components", "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", "src/common/utils/singleValueUtils.js", "esm-externals:@splunk/react-icons/enterprise/ArrowUp", "esm-externals:@splunk/react-icons/enterprise/ArrowDown", "esm-externals:@splunk/ui-utils/i18n", "src/SingleValueBasic/TrendValue.jsx", "esm-externals:cssesc", "src/SingleValueBasic/MajorValue.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { DEFAULT_FONT_FAMILY, getAligment } from '../common/utils/singleValueUtils';\nimport TrendValue from './TrendValue';\nimport MajorValue from './MajorValue';\n\nconst Column = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-self: center;\n    justify-content: center;\n`;\n\nconst Row = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: ${props => props.alignItems || 'center'};\n    justify-content: ${props => getAligment(props.align)};\n`;\n\nconst Text = styled.div`\n    font-weight: normal;\n    white-space: nowrap;\n    font-size: ${props => props.size || 12}px;\n    color: ${props => props.color || '#000'};\n    font-family: ${DEFAULT_FONT_FAMILY};\n    height: ${props => props.size || 12}px;\n    line-height: 1.2;\n    margin: ${props => props.margin || 'inherit'};\n`;\n\nconst SingleValueBasic = ({ ...props }) => {\n    const {\n        majorColor,\n        majorTextFontSize,\n        majorText,\n        majorValueTitle,\n        trendColor,\n        trendTextFontSize,\n        trendText,\n        showTrendIndicator,\n        unit,\n        unitPosition,\n        underLabel,\n        underLabelFontSize,\n        underLabelColor,\n        onValueClick,\n        align,\n    } = props;\n    const trendIndicatorEnabled = trendText !== '' && showTrendIndicator;\n\n    return (\n        <Column>\n            <Row\n                alignItems=\"baseline\"\n                align={align}\n                data-test={`single-value-row-align-${getAligment(align)}`}\n            >\n                <MajorValue\n                    color={majorColor}\n                    fontSize={majorTextFontSize}\n                    unit={unit}\n                    unitPosition={unitPosition}\n                    value={majorText}\n                    title={majorValueTitle}\n                    onValueClick={onValueClick}\n                />\n                {trendIndicatorEnabled && (\n                    // Passing the same value for value and text is a temporary hold until completion of https://jira.splunk.com/browse/SCP-21371\n                    <TrendValue\n                        fontSize={trendTextFontSize}\n                        color={trendColor}\n                        value={trendText}\n                        text={trendText}\n                    />\n                )}\n            </Row>\n            {underLabel && (\n                <Row\n                    justify=\"center\"\n                    align={align}\n                    data-test={`single-value-row-align-${getAligment(align)}`}\n                >\n                    <Text\n                        data-test=\"underLabel\"\n                        size={underLabelFontSize}\n                        color={underLabelColor}\n                        margin=\"0 6px\"\n                    >\n                        {underLabel}\n                    </Text>\n                </Row>\n            )}\n        </Column>\n    );\n};\n\nSingleValueBasic.propTypes = {\n    majorText: T.string,\n    majorColor: T.string,\n    majorTextFontSize: T.number,\n    majorValueTitle: T.string,\n    trendText: T.string,\n    trendTextFontSize: T.number,\n    trendColor: T.string,\n    showTrendIndicator: T.bool,\n    unit: T.string,\n    unitPosition: T.oneOf(['before', 'after']),\n    underLabel: T.string,\n    underLabelFontSize: T.number,\n    underLabelColor: T.string,\n    onValueClick: T.oneOfType([T.bool, T.func]),\n    align: T.string,\n};\n\nexport const SingleValueTrendValue = TrendValue;\nexport default SingleValueBasic;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"prop-types\";\nexport * from \"prop-types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\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", "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    // todo: need change it to not depend on majorColor\n    const 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, // todo: need update formatNumber\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    majorValue,\n    numberPrecision,\n    shouldUseThousandSeparators,\n    shouldAbbreviateMajorValue,\n}) =>\n    computeText({\n        value: majorValue === null ? 'N/A' : majorValue, // if majorValue 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 = Math.round((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    // todo: may need truncate underLabel later\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.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    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    const majorText = getMajorText({\n        majorValue,\n        numberPrecision,\n        shouldUseThousandSeparators,\n        shouldAbbreviateMajorValue,\n    });\n    const majorTextFontSize =\n        majorFontSize ||\n        getMajorFontSize({\n            width: textContentWidth,\n            height: textContentHeight,\n            unit,\n            majorText,\n            spaceRatio: majorTextSpaceRatio,\n        });\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    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            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 = `${majorValue.toString().slice(0, 3)}...`;\n        newMajorAndTrend = getMajorAndTrend({\n            majorValue: 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.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    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        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            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    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        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: majorValue,\n            fontWeight: 'bold',\n            fontSize: 12,\n            containerWidth,\n        });\n\n        ({ majorText, trendText, majorTextFontSize, trendTextFontSize } = getMajorAndTrend({\n            majorValue: truncateValue,\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\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\n    // case 1: the color is (0, 0 0)\n    //         lighten color (80, 80, 80)\n    //         darken color (40, 40, 40)\n    // case 2: the color is (255, 255, 255)\n    //         lighten color (235, 235, 235)\n    //         darken color (175, 175, 175)\n    // case 3: the color is e.g. (0, 255, 0)\n    //         new color (20, 235, 20)\n    if (newR === r && newG === g && newB === b) {\n        if (newR === 0 && newG === 0 && newB === 0) {\n            if (ratio > 1) {\n                newR = adjustRGB(newR, 80);\n                newG = adjustRGB(newG, 80);\n                newB = adjustRGB(newB, 80);\n            } else {\n                newR = adjustRGB(newR, 40);\n                newG = adjustRGB(newG, 40);\n                newB = adjustRGB(newB, 40);\n            }\n        } else if (newR === 255 && newG === 255 && newB === 255) {\n            if (ratio > 1) {\n                newR = adjustRGB(newR, 20);\n                newG = adjustRGB(newG, 20);\n                newB = adjustRGB(newB, 20);\n            } else {\n                newR = adjustRGB(newR, 80);\n                newG = adjustRGB(newG, 80);\n                newB = adjustRGB(newB, 80);\n            }\n        } else {\n            newR = adjustRGB(newR, 20);\n            newG = adjustRGB(newG, 20);\n            newB = adjustRGB(newB, 20);\n        }\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 {Boolean} trellisEnabled\n * @param {String} trellisSplitBy\n * @param {String} trellisKey\n */\nexport const handleValueClickCallback = (\n    ev,\n    majorValue,\n    majorValueField,\n    trendValue,\n    onValueClick,\n    trellisEnabled = false,\n    trellisSplitBy = '',\n    trellisKey = ''\n) =>\n    onValueClick({\n        ...ev,\n        payload: {\n            trendValue,\n            value: majorValue,\n            name: majorValueField,\n            ...(trellisEnabled && { 'trellis.name': trellisSplitBy, 'trellis.value': trellisKey }),\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        ? { trendColor: '> trendValuePercent | rangeValue(trendColorEditorConfig)' }\n        : {};\n};\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/ArrowUp\";\nexport * from \"@splunk/react-icons/enterprise/ArrowUp\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/ArrowDown\";\nexport * from \"@splunk/react-icons/enterprise/ArrowDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport ArrowUp from '@splunk/react-icons/enterprise/ArrowUp';\nimport ArrowDown from '@splunk/react-icons/enterprise/ArrowDown';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { DEFAULT_FONT_FAMILY } from '../common/utils/singleValueUtils';\n\nconst Column = styled.div`\n    display: flex;\n    flex-direction: row;\n    justify-content: ${props => props.justify || 'flex-end'};\n    height: ${props => props.size || 12}px;\n    ${props => (props.size ? `margin: 0 ${parseInt(props.size, 10) * 0.2 || 5}px;` : '')};\n`;\n\nconst Text = styled.div`\n    white-space: nowrap;\n    font-size: ${props => props.size || 12}px;\n    color: ${props => props.color || '#000'};\n    font-family: ${DEFAULT_FONT_FAMILY};\n    height: ${props => props.size || 12}px;\n    line-height: ${props => props.size || 12}px;\n    display: flex;\n    align-self: baseline;\n    ${props => (props.size ? `margin-left: ${parseInt(props.size, 10) * 0.2 || 5}px;` : '')};\n`;\n\nconst TrendValue = ({ fontSize, color, value, text }) => {\n    let TrendIndicator = false;\n    let ariaLabel = false;\n\n    if (parseFloat(value, 10) > 0) {\n        TrendIndicator = ArrowUp;\n        ariaLabel = _('increase');\n    } else if (parseFloat(value, 10) < 0) {\n        TrendIndicator = ArrowDown;\n        ariaLabel = _('decrease');\n    }\n\n    return (\n        <Column justify=\"flex-end\" size={fontSize}>\n            <Text data-test=\"trendValueIndicator\" size={fontSize} color={color}>\n                {TrendIndicator && <TrendIndicator aria-label={ariaLabel} />}\n            </Text>\n            <Text data-test=\"trendValue\" size={fontSize} color={color}>\n                {`${text}`}\n            </Text>\n        </Column>\n    );\n};\n\nTrendValue.propTypes = {\n    fontSize: T.number,\n    color: T.string,\n    value: T.oneOfType([T.string, T.number]),\n    text: T.string,\n};\n\nexport default TrendValue;\n", "\nimport * as defaultImport from \"cssesc\";\nexport * from \"cssesc\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport cssesc from 'cssesc';\nimport { DEFAULT_FONT_FAMILY } from '../common/utils/singleValueUtils';\n\nconst Row = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    justify-content: left;\n    height: ${props => props.size}px;\n    line-height: ${props => props.size}px;\n`;\n\nconst Text = styled.div`\n    white-space: nowrap;\n    height: 100%;\n    font-size: ${props => props.size || 12}px;\n    color: ${props => props.color};\n    font-family: ${DEFAULT_FONT_FAMILY};\n    font-weight: bold;\n    &:hover {\n        text-decoration: ${props => (props.showUnderline ? 'underline' : 'inherit')};\n        cursor: ${props => (props.showUnderline ? 'pointer' : 'inherit')};\n    }\n    ${props => {\n        if (!props.pseudoContent || !props.pseudoContentPosition) {\n            return '';\n        }\n        return `&:${props.pseudoContentPosition} {\n            // by default this pseudo element would inherit text-decoration from main element\n            // and text-decoration could not be overwritten.\n            // adding display: inline-block makes text decoration independent from main element.\n            // => the unit will not be underlined if a user hovers over the main value\n            display: inline-block;\n            font-size: ${props.pseudoContentFontSize}px;\n            position: relative;\n            font-weight: normal;\n            content: ${props.pseudoContent};\n        }`;\n    }}\n`;\n\nconst validUnitPositions = ['before', 'after'];\n\nconst MajorValue = ({ color, fontSize, unitPosition, title, value, onValueClick, unit }) => {\n    let sanitizedUnit;\n    let sanitizedUnitPosition;\n\n    if (typeof unit === 'string') {\n        sanitizedUnit = cssesc(unit, { wrap: true, quotes: 'double' });\n        if (typeof unitPosition === 'string' && validUnitPositions.includes(unitPosition)) {\n            sanitizedUnitPosition = unitPosition;\n        } else {\n            sanitizedUnitPosition = 'after';\n        }\n    }\n\n    const handleKeyDown = e => {\n        if (e.keyCode !== 13) {\n            return;\n        }\n        e.preventDefault();\n        onValueClick(e);\n    };\n\n    return (\n        <Row size={fontSize}>\n            <Text\n                data-test=\"majorValue\"\n                color={color}\n                onClick={e => typeof onValueClick === 'function' && onValueClick(e)}\n                showUnderline={!!onValueClick}\n                size={fontSize}\n                title={title}\n                pseudoContent={sanitizedUnit}\n                pseudoContentPosition={sanitizedUnitPosition}\n                pseudoContentFontSize={fontSize * 0.6}\n                tabIndex=\"0\"\n                role=\"button\"\n                onKeyDown={handleKeyDown}\n            >\n                {value}\n            </Text>\n        </Row>\n    );\n};\n\nMajorValue.propTypes = {\n    color: T.string,\n    fontSize: T.number,\n    unit: T.string,\n    unitPosition: T.oneOf(validUnitPositions),\n    value: T.oneOfType([T.string, T.number]),\n    title: T.oneOfType([T.string, T.number]),\n    onValueClick: T.oneOfType([T.bool, T.func]),\n};\n\nexport default MajorValue;\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "Text", "Column", "Row", "Text"]
+}