@splunk/visualizations 27.0.0 → 27.1.0

package/common/OptionsDoc.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/common/OptionsDoc.jsx", "esm-externals:react", "esm-externals:prop-types", "esm-externals:lodash/isEmpty", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/react-ui/Heading", "esm-externals:@splunk/react-ui/Markdown", "esm-externals:styled-components", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/configUtils", "../.storybook/utils/storybookUtils.ts"],
-  "sourcesContent": ["import React from 'react';\nimport T from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Heading from '@splunk/react-ui/Heading';\nimport Markdown from '@splunk/react-ui/Markdown';\nimport styled from 'styled-components';\nimport { merge } from 'lodash';\nimport { getOptionDisplayType, getPatternOptions } from '../../.storybook/utils/storybookUtils';\n\nconst Option = styled.div`\n    margin-top: 20px;\n`;\nconst OptionName = styled.div`\n    color: #5ca300;\n    padding-bottom: 5px;\n`;\nconst PairContainer = styled.div`\n    margin-left: 40px;\n    margin-top: 10px;\n`;\nconst PairTitle = styled.span`\n    display: inline-block;\n    color: #8293a7;\n    width: 80px;\n`;\n\nconst PairValue = styled.span`\n    font-family: 'Splunk Platform Mono', 'monospace';\n    white-space: pre;\n`;\n\nconst PairValueJSON = styled.div`\n    margin-left: 80px;\n    pre {\n        margin: 0;\n    }\n    code {\n        font-size: 12px;\n        font-family: 'Splunk Platform Mono', 'monospace';\n    }\n`;\n\nconst PropertiesWrapper = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 0 : 40)}px;\n    margin-top: 20px;\n`;\n\nconst PropertiesContainer = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 40 : 0)}px;\n    margin-top: 10px;\n`;\n\nconst PropertiesContent = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 40 : 0)}px;\n`;\n\n/**\n * @method isOneOfJsonSchema\n * @param {object} item\n * @returns {boolean}\n */\nconst isOneOfJsonSchema = item => item.oneOf && Array.isArray(item.oneOf);\n\n/**\n * get Or type as string\n * @method getOrType\n * @param {object} item\n * @param {string} res\n * @returns {string} res  eg: (string | number)\n */\nconst getOrType = item => {\n    let res = '';\n\n    if (isOneOfJsonSchema(item)) {\n        res = item.oneOf\n            .map(one => {\n                if (one.type !== 'array') {\n                    return one.type;\n                }\n                // eslint-disable-next-line no-use-before-define\n                return getArrayType(one, '');\n            })\n            .join(' | ');\n    } else if (Array.isArray(item.type)) {\n        if (isEmpty(item.default)) {\n            return item.type.join(' | ');\n        }\n\n        res = item.type.filter(itemType => itemType !== 'string').join(' | ');\n        res += ' | ';\n        res += `\"${item.default}\"`;\n    }\n\n    return res;\n};\n\n/**\n * get the array type as string\n * @method getArrayType\n * @param {object} item\n * @param {string} res\n * @returns {string} res  eg: arrayOf(arrayOf(string | number | arrayOf(string | number)))\n */\nconst getArrayType = (item, res = '') => {\n    if (item.type !== 'array') {\n        if (Array.isArray(item.type) || isOneOfJsonSchema(item)) {\n            return getOrType(item);\n        }\n\n        return item.type;\n    }\n\n    if (item.type === 'array') {\n        res += 'arrayOf('; // eslint-disable-line no-param-reassign\n    }\n    res += getArrayType(item.items, ''); // eslint-disable-line no-param-reassign\n    res += ')'; // eslint-disable-line no-param-reassign\n    return res;\n};\n\n/**\n * get the type of this option item\n * @method getType\n * @param {ojbect} item option item\n * @returns {string} type\n */\nexport const getType = item => {\n    if (isOneOfJsonSchema(item)) {\n        return `oneOf(${getOrType(item)})`;\n    }\n    if (item.enum && Array.isArray(item.enum)) {\n        const values =\n            !isEmpty(item.enum) && typeof item.enum[0] === 'string'\n                ? item.enum.map(v => `\"${v}\"`).join(', ')\n                : item.enum.join(', ');\n\n        return `oneOf([${values}])`;\n    }\n\n    if (Array.isArray(item.type)) {\n        return getOrType(item);\n    }\n\n    if (item.type === 'array') {\n        if ('items' in item) {\n            return `arrayOf(${getType(item.items)})`;\n        }\n        return 'array';\n    }\n    return item.type;\n};\n\n/**\n * get the default value as string\n * @method getDefaultValue\n * @param {object | boolean | number | string} defaultValue\n * @returns {string | object[]} default value\n */\nconst getDefaultValue = defaultValue => {\n    if (typeof defaultValue === 'boolean' || typeof defaultValue === 'number') {\n        return defaultValue.toString();\n    }\n    if (Array.isArray(defaultValue)) {\n        if (defaultValue.length > 1 && typeof defaultValue[0] === 'object') {\n            // return the array only if the defaultValue is an object array\n            return defaultValue;\n        }\n        const values = defaultValue.map(v => JSON.stringify(v)).join(', ');\n        return `[${values}]`;\n    }\n    return defaultValue;\n};\n\nconst Pair = ({ title, content }) => (\n    <PairContainer>\n        <PairTitle>{`${title}:`}</PairTitle>\n        {Array.isArray(content) ? (\n            <PairValueJSON>\n                <pre>\n                    <code>{JSON.stringify(content, null, 2)}</code>\n                </pre>\n            </PairValueJSON>\n        ) : (\n            <PairValue>{content}</PairValue>\n        )}\n    </PairContainer>\n);\n\nPair.propTypes = {\n    title: T.string,\n    content: T.oneOfType([T.string, T.arrayOf(T.object)]),\n};\n\nconst PropertyItems = ({ isPatternProperty = false, propsItems }) => (\n    <PropertiesContainer isPatternProperty={isPatternProperty}>\n        {isPatternProperty ? <PairTitle>{_('[fieldName]:')}</PairTitle> : null}\n        <PropertiesContent isPatternProperty={isPatternProperty}>{propsItems}</PropertiesContent>\n    </PropertiesContainer>\n);\n\nPropertyItems.propTypes = {\n    isPatternProperty: T.bool,\n    propsItems: T.array,\n};\n\nconst OptionItem = ({ name, type, desc, defaultValue, enumerable, PropertiesSection }) => (\n    <Option>\n        <OptionName>{name}</OptionName>\n        {desc ? <Markdown style={{ marginLeft: 40 }} text={desc} /> : null}\n        <Pair title={_('Type')} content={type} />\n        {enumerable?.length > 0 && (\n            <Pair\n                title={_('oneOf')}\n                content={`(${enumerable\n                    .map(\n                        entry =>\n                            `${typeof entry === 'string' ? '\"' : ''}${entry}${\n                                typeof entry === 'string' ? '\"' : ''\n                            }`\n                    )\n                    .join(' | ')})`}\n            />\n        )}\n        {defaultValue && <Pair title={_('Default')} content={defaultValue} />}\n        {PropertiesSection}\n    </Option>\n);\n\nOptionItem.propTypes = {\n    name: T.string,\n    type: T.string,\n    desc: T.string,\n    enumerable: T.arrayOf(T.oneOfType([T.string, T.number])),\n    defaultValue: T.oneOfType([T.string, T.arrayOf(T.object)]),\n    PropertiesSection: T.element,\n};\n\nOptionItem.default = {\n    PropertiesItem: null,\n};\n\nconst getPropertiesSection = (properties, patternProperties) => {\n    let allProperties = [];\n    let isPatternProperty = false;\n\n    // the properties either comes from property field of the option schema item\n    // or from the property field of each patternProperties of the option schema item\n    // can check table tableFormat and columnFormat as examples\n    if (!isEmpty(properties)) {\n        allProperties = [properties];\n    } else if (!isEmpty(patternProperties)) {\n        Object.keys(patternProperties).forEach(patternKey => {\n            const propsInPattern = patternProperties[patternKey].properties;\n            if (propsInPattern) {\n                allProperties.push(propsInPattern);\n            }\n        });\n\n        isPatternProperty = true;\n    }\n\n    if (allProperties.length) {\n        const allPropsItems = allProperties.map(props => {\n            const propsItems = Object.keys(props).map(pKey => {\n                const p = props[pKey];\n                let pType = p.anyOf?.[0]\n                    ? getOptionDisplayType({ ...p.anyOf?.[0], enum: p.enum })\n                    : getOptionDisplayType({ ...p, enum: p.enum });\n                const pDefault = getDefaultValue(p.default);\n\n                let pEnumerable;\n                // get nested oneOf property listing\n                if (typeof p.anyOf?.[0]?.pattern === 'string') {\n                    pEnumerable = getPatternOptions(p.anyOf[0].pattern);\n                } else if (p.anyOf?.[0]?.items?.enum?.length > 0) {\n                    // quick fix for nested `columnFormat` enumerables that replaces enums within brackets with raw JS types\n                    pType = pType.replace(/\\((.+?)\\)/g, 'string');\n                    pEnumerable = p.anyOf[0].items.enum;\n                } else if (p.anyOf?.[0]?.items?.items?.enum?.length > 0) {\n                    // quick fix for nested `tableFormat` enumerables that replaces enums within brackets with raw JS types\n                    pType = pType.replace(/\\((.+?)\\)/g, 'string');\n                    pEnumerable = p.anyOf[0].items.items.enum;\n                } else if (p.enum) {\n                    pEnumerable = p.enum;\n                }\n\n                // use the JS types (e.g. string, number) of the nested property if the nested property is an enumerable\n                if (pEnumerable?.length) {\n                    pType = p.anyOf?.[0]?.type !== 'array' ? p.anyOf?.[0]?.type : pType;\n                    if (Array.isArray(pType)) {\n                        pType = pType.join(' | ');\n                    }\n                }\n\n                return (\n                    <OptionItem\n                        key={pKey}\n                        name={pKey}\n                        type={pType}\n                        enumerable={pEnumerable}\n                        desc={p.description}\n                        defaultValue={pDefault}\n                    />\n                );\n            });\n            return (\n                <PropertyItems\n                    key={propsItems}\n                    isPatternProperty={isPatternProperty}\n                    propsItems={propsItems}\n                />\n            );\n        });\n\n        return <PropertiesWrapper isPatternProperty={isPatternProperty}>{allPropsItems}</PropertiesWrapper>;\n    }\n    return null;\n};\n\nconst OptionsDoc = ({ options, description }) => (\n    <div>\n        {options.length === 0 ? (\n            <Heading level={4}> No Options</Heading>\n        ) : (\n            <Heading level={4}>Options</Heading>\n        )}\n        {description && <div>{description}</div>}\n        {Object.entries(options).map(([key, item]) => {\n            let type;\n            let enumerable = [];\n            let PropertiesSection = null;\n\n            // get oneOf property listing\n            if (typeof item.anyOf?.[0]?.pattern === 'string') {\n                enumerable = getPatternOptions(item.anyOf[0].pattern);\n            } else if (item.anyOf?.[0]?.enum) {\n                enumerable = item.anyOf?.[0]?.enum;\n            } else if (item.enum) {\n                enumerable = item.enum;\n            }\n\n            // get the nested options inside {option}.items.anyof. e.g. 'layers' in Map\n            if (item.anyOf?.[0]?.type === 'array' && 'anyOf' in item.anyOf?.[0]?.items) {\n                type = getOptionDisplayType(item);\n                const { patternProperties } = item;\n                // merge the 3 objects together instead of showing the longest options in the array\n                const option = item.anyOf?.[0]?.items?.anyOf;\n                const mergedOptions = option.reduce((prev, next) => merge(prev, next), {});\n                const { properties } = mergedOptions;\n                PropertiesSection = getPropertiesSection(properties, patternProperties);\n                return (\n                    <OptionItem\n                        key={key}\n                        name={key}\n                        type={type}\n                        enumerable={enumerable}\n                        desc={item.description}\n                        PropertiesSection={PropertiesSection}\n                    />\n                );\n            }\n\n            if (item.type === 'object') {\n                // get properties for object type\n                type = item.type;\n                const { properties } = item;\n                const { patternProperties } = item;\n                PropertiesSection = getPropertiesSection(properties, patternProperties);\n            } else if (enumerable?.length) {\n                // use the JS types (e.g. string, number) of the property if the property is an enumerable\n                type = item.anyOf?.[0]?.type;\n                if (Array.isArray(type)) {\n                    type = type.join(' | ');\n                }\n            } else {\n                type = getOptionDisplayType({ ...item.anyOf[0], enum: item.enum });\n            }\n\n            return (\n                <OptionItem\n                    key={key}\n                    name={key}\n                    // item.anyOf in the config.ts is a tuple which holds [{ type, pattern, items }, { type, pattern: DYNAMIC_OPTIONS_PATTERN }]\n                    type={type}\n                    enumerable={enumerable}\n                    desc={item.description}\n                    defaultValue={getDefaultValue(item.default)}\n                    PropertiesSection={PropertiesSection}\n                />\n            );\n        })}\n    </div>\n);\n\nOptionsDoc.propTypes = {\n    options: T.object.isRequired,\n    description: T.string,\n};\n\nexport default OptionsDoc;\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 \"lodash/isEmpty\";\nexport * from \"lodash/isEmpty\";\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", "\nimport * as defaultImport from \"@splunk/react-ui/Heading\";\nexport * from \"@splunk/react-ui/Heading\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Markdown\";\nexport * from \"@splunk/react-ui/Markdown\";\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/configUtils\";\nexport * from \"@splunk/visualizations-shared/configUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { get, omit, reduce, toNumber, isString } from 'lodash';\nimport type { OptionsSchema } from '@splunk/visualization-schemas';\nimport { isDynamicOption } from '@splunk/visualizations-shared/configUtils';\n\ninterface ArgTypeControl {\n    type: string;\n    options?: string[];\n    min?: number;\n    max?: number;\n}\n\ninterface ArgTypeEntry {\n    description?: string;\n    control: ArgTypeControl;\n    name: string;\n    defaultValue?: any;\n    type: { required: boolean };\n    optionType: string;\n    table: {\n        type: { summary: string };\n        defaultValue?: { summary: any };\n        category?: string;\n        subcategory?: string;\n        disable?: boolean;\n    };\n}\n\nexport interface ArgTypes {\n    [key: string]: ArgTypeEntry;\n}\n\ntype StoriesList = RegExp | string[];\n\n/**\n * Returns type options from pattern\n * @example\n * // returns ['fixed', 'absolute', 'off']\n * getPatternOptions('\\$(\\w+:)?([^$|:]+?)(\\|[|\\w]+)?\\$|^fixed$|^absolute$|^off$')\n * @example\n * // returns []\n * getPatternOptions('^>.*')\n * @param {string} patternString - visualization option type pattern\n * @return {string[]} array of type options\n */\nexport const getPatternOptions = (patternString): string[] =>\n    patternString.replace(/\\$/g, '').split('|^').slice(1);\n\n/**\n * Returns Storybook display type for an option\n * @param {object} option - visualization option\n * @return {string} Storybook display type\n */\nexport const getOptionDisplayType = (option): string => {\n    const { oneOf, anyOf, type, enum: en, pattern, items } = option;\n    let displayTypes: string[] = [];\n\n    // wrap values in quotes only if enum or pattern is string\n    const conditionalQuote = type === 'string' ? '\"' : '';\n    if (en && Array.isArray(en)) {\n        displayTypes = en.map(e => {\n            const enumQuote = typeof e === 'string' ? '\"' : '';\n            return `${enumQuote}${e}${enumQuote}`;\n        });\n    } else if (type === 'array' && items) {\n        return `${getOptionDisplayType(items)}[]`;\n    } else if (anyOf && Array.isArray(anyOf)) {\n        return getOptionDisplayType(anyOf[0]);\n    } else if (oneOf && Array.isArray(oneOf)) {\n        displayTypes = oneOf.map(item => getOptionDisplayType(item));\n    } else if (Array.isArray(type)) {\n        displayTypes = type;\n    } else if (pattern) {\n        displayTypes = getPatternOptions(pattern).map(p => `${conditionalQuote}${p}${conditionalQuote}`);\n    }\n\n    if (displayTypes.length > 0) {\n        return `(${displayTypes.join(' | ')})`;\n    }\n    return type;\n};\n\n/**\n * Returns Storybook control type for an option\n * @param {object} option - visualization option\n * @param {string} optionKey - visualization option key\n * @return {ArgTypeControl} Storybook control object\n */\nexport const getOptionControl = (option, optionKey): ArgTypeControl => {\n    const { anyOf } = option;\n    const schema = Array.isArray(anyOf) && anyOf.length ? anyOf[0] : option;\n\n    const type = Array.isArray(schema.type) ? schema.type[0] : schema.type;\n    const { maximum, minimum, enum: en } = schema;\n\n    const isColorOption = new RegExp(/color/, 'i').test(optionKey) && type !== 'array';\n\n    if (isColorOption) {\n        return { type: 'color' };\n    } else if (en && Array.isArray(en)) {\n        return { type: 'select', options: en };\n    } else if (anyOf && type === 'string' && anyOf[0].pattern) {\n        return { type: 'select', options: getPatternOptions(anyOf[0].pattern) };\n    } else if (type === 'number' && (minimum || maximum)) {\n        return {\n            type: 'range',\n            ...(typeof minimum === 'number' && { min: minimum }),\n            ...(typeof maximum === 'number' && { max: maximum }),\n        };\n    } else if (type === 'string') {\n        return { type: 'text' };\n    }\n\n    return { type };\n};\n\n/**\n * platform specific visualization option argTypes\n */\nconst objectTableControl = { control: { type: 'object' } };\nconst disableTableControl = { table: { disable: true } };\nexport const platformOptionArgTypes = {\n    context: objectTableControl,\n    dataSources: objectTableControl,\n    dataSource: disableTableControl,\n    options: disableTableControl,\n    onEventTrigger: { action: 'eventTrigger', ...disableTableControl },\n    hasEventHandlers: disableTableControl,\n};\n\n/**\n * Returns formatted Storybook argTypes for a visualization from its options schema\n * @param {OptionsSchema} options - visualization options\n * @param {string[]} requiredProps - required visualization props\n * @param {boolean} isPlatformViz - indicates if pure or platform visualization\n * @param {string} subcategory - nested property parent option name\n * @return {ArgTypes} Storybook argTypes\n */\nexport const optionsSchemaToArgTypes = ({\n    options = {},\n    requiredProps = [],\n    isPlatformViz = false,\n    subcategory = null,\n}: {\n    options: OptionsSchema;\n    requiredProps: string[];\n    isPlatformViz?: boolean;\n    subcategory?: string;\n}): ArgTypes => {\n    const validObjectTypeOptions = [\n        'lineDashStylesByField',\n        'seriesColorsByField',\n        'fieldActions',\n        'highlightValuesByField',\n    ];\n    let argTypes: ArgTypes = {};\n    Object.keys(options).forEach(optionKey => {\n        const option = get(options, optionKey);\n        if (option.type === 'object' && !validObjectTypeOptions.includes(optionKey)) {\n            // do not support controls for patternProperties, only nested properties\n            if (option.properties) {\n                argTypes = {\n                    ...argTypes,\n                    ...optionsSchemaToArgTypes({\n                        options: option.properties as OptionsSchema,\n                        isPlatformViz,\n                        requiredProps,\n                        subcategory: optionKey,\n                    }),\n                };\n            }\n        } else {\n            const { description, default: optionDefault } = option;\n            const optionControl = getOptionControl(option, optionKey);\n            const control = isPlatformViz ? { type: 'text' } : optionControl;\n            const required = requiredProps.includes(optionKey);\n\n            let defaultValue = optionDefault;\n            if (!isPlatformViz && isDynamicOption(optionDefault as string)) {\n                defaultValue = null;\n            }\n\n            argTypes[optionKey] = {\n                description,\n                control,\n                name: optionKey,\n                defaultValue,\n                type: { required },\n                optionType: optionControl.type,\n                table: {\n                    type: { summary: getOptionDisplayType(option) },\n                    defaultValue: { summary: defaultValue },\n                    ...(subcategory && {\n                        category: 'Nested Options',\n                        subcategory,\n                    }),\n                },\n            };\n        }\n    });\n\n    if (isPlatformViz) {\n        Object.assign(argTypes, platformOptionArgTypes);\n    }\n    return argTypes;\n};\n\n/**\n * Helper which converts string visualization options to their required type\n * @param {any} value - option values\n * @param {string} expectedType - expected option type\n * @return {any} correctly typed option value\n */\nexport const transformOptionType = (value, expectedType = 'string'): any => {\n    const isStringValue = !isDynamicOption(value) && isString(value);\n    if (isStringValue && expectedType === 'boolean') return value == 'true';\n    else if (isStringValue && expectedType === 'number') return toNumber(value);\n    return value;\n};\n\n// stringify these fields for storybook controls' support\nconst FieldsToStringify = [\n    'layers',\n    'center',\n    'eventActions',\n    'fieldActions',\n    'legendLabels',\n    'lineDashStylesByField',\n    'seriesColors',\n    'seriesColorsByField',\n    'footerFields',\n    'highlightValuesByField',\n];\n\n/**\n * Helper which returns platform visualization options from Storybook controls\n * Utilizes argTypes to determine valid and nested options\n * @param {object} args - visualization story args\n * @param {ArgTypes} argTypes - visualization argTypes\n * @return {object} visualization options\n */\nexport const getOptionsFromArgTypes = (args: Record<string, any>, argTypes: ArgTypes): Record<string, any> =>\n    reduce(\n        argTypes,\n        (accum, val, option) => {\n            const subcategory = get(val, 'table.subcategory');\n            const { optionType, defaultValue } = argTypes[option];\n            let controlledOption = transformOptionType(get(args, option), optionType);\n            // filter options from react & json if set to default value or is undefined\n            if (optionType && controlledOption != null && controlledOption !== defaultValue) {\n                // parse the value if option is stringified as part of flattenVizOptions\n                if (FieldsToStringify.includes(option)) {\n                    try {\n                        controlledOption = JSON.parse(controlledOption);\n                    } catch (e) {\n                        controlledOption = null;\n                    }\n                }\n                if (subcategory) {\n                    if (!accum[subcategory]) accum[subcategory] = {};\n                    accum[subcategory][option] = controlledOption;\n                } else accum[option] = controlledOption;\n            }\n            return accum;\n        },\n        { ...omit(args.options, Object.keys(argTypes)) }\n    );\n\n/**\n * Helper which flattens objects single depth level\n * @param {object} options - visualization options object\n * @return {object} flattened visualization options\n */\nexport const flattenVizOptions = (options: Record<string, any>): Record<string, any> => {\n    const nonFlattenOptions = new Set([\n        'y2Fields',\n        'overlayFields',\n        'gaugeRanges',\n        'fieldActions',\n        'highlightValuesByField',\n        'headers',\n    ]);\n    return reduce(\n        options,\n        (accum, val, option) => {\n            if (!platformOptionArgTypes[option]) {\n                if (typeof val === 'object' && FieldsToStringify.includes(option))\n                    accum[option] = JSON.stringify(val);\n                else if (typeof val === 'object' && !nonFlattenOptions.has(option))\n                    accum = { ...accum, ...val };\n                else accum[option] = val;\n            }\n            return accum;\n        },\n        {}\n    );\n};\n/**\n * Returns value based on Storybook publishing status\n * @param {T} publishedStories - stories to include in published Storybook\n * @param {T} localStories - stories to include in local Storybook\n * @return {T} one of the two params\n */\nexport const getStoriesToInclude = <T>(publishedStories: T, localStories: T): T =>\n    process.env.STORYBOOK_PUBLISH ? publishedStories : localStories;\n\n/**\n * Returns component level stories to include, defaults to innclude all stories\n * @param {StoriesList} stories - stories to include in published Storybook\n * @return {object} CSF includeStories config\n */\nexport const componentStoriesToInclude = (stories: StoriesList): object =>\n    getStoriesToInclude({ includeStories: stories }, {});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAA,iBAA+B;AAC/B,+BAAc;AACd,IAAO,qBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,4BAAc;AACd,IAAO,kBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,4BAAc;AACd,IAAO,kBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,6BAAc;AACd,IAAO,mBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,sCAAc;AACd,IAAO,4BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,gCAAc;AACd,IAAO,sBAAS,aAAaA,iBAA8B,yBAAUA;;;ACyC9D,IAAM,oBAAoB,CAAC,kBAC9B,cAAc,QAAQ,OAAO,EAAE,EAAE,MAAM,IAAI,EAAE,MAAM,CAAC;AAOjD,IAAM,uBAAuB,CAAC,WAAmB;AACpD,QAAM,EAAE,OAAO,OAAO,MAAM,MAAM,IAAI,SAAS,MAAM,IAAI;AACzD,MAAI,eAAyB,CAAC;AAG9B,QAAM,mBAAmB,SAAS,WAAW,MAAM;AACnD,MAAI,MAAM,MAAM,QAAQ,EAAE,GAAG;AACzB,mBAAe,GAAG,IAAI,OAAK;AACvB,YAAM,YAAY,OAAO,MAAM,WAAW,MAAM;AAChD,aAAO,GAAG,SAAS,GAAG,CAAC,GAAG,SAAS;AAAA,IACvC,CAAC;AAAA,EACL,WAAW,SAAS,WAAW,OAAO;AAClC,WAAO,GAAG,qBAAqB,KAAK,CAAC;AAAA,EACzC,WAAW,SAAS,MAAM,QAAQ,KAAK,GAAG;AACtC,WAAO,qBAAqB,MAAM,CAAC,CAAC;AAAA,EACxC,WAAW,SAAS,MAAM,QAAQ,KAAK,GAAG;AACtC,mBAAe,MAAM,IAAI,UAAQ,qBAAqB,IAAI,CAAC;AAAA,EAC/D,WAAW,MAAM,QAAQ,IAAI,GAAG;AAC5B,mBAAe;AAAA,EACnB,WAAW,SAAS;AAChB,mBAAe,kBAAkB,OAAO,EAAE,IAAI,OAAK,GAAG,gBAAgB,GAAG,CAAC,GAAG,gBAAgB,EAAE;AAAA,EACnG;AAEA,MAAI,aAAa,SAAS,GAAG;AACzB,WAAO,IAAI,aAAa,KAAK,KAAK,CAAC;AAAA,EACvC;AACA,SAAO;AACX;AAuCA,IAAM,qBAAqB,EAAE,SAAS,EAAE,MAAM,SAAS,EAAE;AACzD,IAAM,sBAAsB,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE;AAChD,IAAM,yBAAyB;AAAA,EAClC,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,gBAAgB,iBAAE,QAAQ,kBAAmB;AAAA,EAC7C,kBAAkB;AACtB;;;AVrHA,IAAM,SAAS,0BAAO;AAAA;AAAA;AAGtB,IAAM,aAAa,0BAAO;AAAA;AAAA;AAAA;AAI1B,IAAM,gBAAgB,0BAAO;AAAA;AAAA;AAAA;AAI7B,IAAM,YAAY,0BAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,IAAM,YAAY,0BAAO;AAAA;AAAA;AAAA;AAKzB,IAAM,gBAAgB,0BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW7B,IAAM,oBAAoB,0BAAO;AAAA,mBACd,WAAU,MAAM,oBAAoB,IAAI,EAAG;AAAA;AAAA;AAI9D,IAAM,sBAAsB,0BAAO;AAAA,mBAChB,WAAU,MAAM,oBAAoB,KAAK,CAAE;AAAA;AAAA;AAI9D,IAAM,oBAAoB,0BAAO;AAAA,mBACd,WAAU,MAAM,oBAAoB,KAAK,CAAE;AAAA;AAQ9D,IAAM,oBAAoB,UAAQ,KAAK,SAAS,MAAM,QAAQ,KAAK,KAAK;AASxE,IAAM,YAAY,UAAQ;AACtB,MAAI,MAAM;AAEV,MAAI,kBAAkB,IAAI,GAAG;AACzB,UAAM,KAAK,MACN,IAAI,SAAO;AACR,UAAI,IAAI,SAAS,SAAS;AACtB,eAAO,IAAI;AAAA,MACf;AAEA,aAAO,aAAa,KAAK,EAAE;AAAA,IAC/B,CAAC,EACA,KAAK,KAAK;AAAA,EACnB,WAAW,MAAM,QAAQ,KAAK,IAAI,GAAG;AACjC,QAAI,gBAAQ,KAAK,OAAO,GAAG;AACvB,aAAO,KAAK,KAAK,KAAK,KAAK;AAAA,IAC/B;AAEA,UAAM,KAAK,KAAK,OAAO,cAAY,aAAa,QAAQ,EAAE,KAAK,KAAK;AACpE,WAAO;AACP,WAAO,IAAI,KAAK,OAAO;AAAA,EAC3B;AAEA,SAAO;AACX;AASA,IAAM,eAAe,CAAC,MAAM,MAAM,OAAO;AACrC,MAAI,KAAK,SAAS,SAAS;AACvB,QAAI,MAAM,QAAQ,KAAK,IAAI,KAAK,kBAAkB,IAAI,GAAG;AACrD,aAAO,UAAU,IAAI;AAAA,IACzB;AAEA,WAAO,KAAK;AAAA,EAChB;AAEA,MAAI,KAAK,SAAS,SAAS;AACvB,WAAO;AAAA,EACX;AACA,SAAO,aAAa,KAAK,OAAO,EAAE;AAClC,SAAO;AACP,SAAO;AACX;AAQO,IAAM,UAAU,UAAQ;AAC3B,MAAI,kBAAkB,IAAI,GAAG;AACzB,WAAO,SAAS,UAAU,IAAI,CAAC;AAAA,EACnC;AACA,MAAI,KAAK,QAAQ,MAAM,QAAQ,KAAK,IAAI,GAAG;AACvC,UAAM,SACF,CAAC,gBAAQ,KAAK,IAAI,KAAK,OAAO,KAAK,KAAK,CAAC,MAAM,WACzC,KAAK,KAAK,IAAI,OAAK,IAAI,CAAC,GAAG,EAAE,KAAK,IAAI,IACtC,KAAK,KAAK,KAAK,IAAI;AAE7B,WAAO,UAAU,MAAM;AAAA,EAC3B;AAEA,MAAI,MAAM,QAAQ,KAAK,IAAI,GAAG;AAC1B,WAAO,UAAU,IAAI;AAAA,EACzB;AAEA,MAAI,KAAK,SAAS,SAAS;AACvB,QAAI,WAAW,MAAM;AACjB,aAAO,WAAW,QAAQ,KAAK,KAAK,CAAC;AAAA,IACzC;AACA,WAAO;AAAA,EACX;AACA,SAAO,KAAK;AAChB;AAQA,IAAM,kBAAkB,kBAAgB;AACpC,MAAI,OAAO,iBAAiB,aAAa,OAAO,iBAAiB,UAAU;AACvE,WAAO,aAAa,SAAS;AAAA,EACjC;AACA,MAAI,MAAM,QAAQ,YAAY,GAAG;AAC7B,QAAI,aAAa,SAAS,KAAK,OAAO,aAAa,CAAC,MAAM,UAAU;AAEhE,aAAO;AAAA,IACX;AACA,UAAM,SAAS,aAAa,IAAI,OAAK,KAAK,UAAU,CAAC,CAAC,EAAE,KAAK,IAAI;AACjE,WAAO,IAAI,MAAM;AAAA,EACrB;AACA,SAAO;AACX;AAEA,IAAM,OAAO,CAAC,EAAE,OAAO,QAAQ,MAC3B,4CAAC,qBACG,4CAAC,iBAAW,GAAG,KAAK,GAAI,GACvB,MAAM,QAAQ,OAAO,IAClB,4CAAC,qBACG,4CAAC,aACG,4CAAC,cAAM,KAAK,UAAU,SAAS,MAAM,CAAC,CAAE,CAC5C,CACJ,IAEA,4CAAC,iBAAW,OAAQ,CAE5B;AAGJ,KAAK,YAAY;AAAA,EACb,OAAO,mBAAE;AAAA,EACT,SAAS,mBAAE,UAAU,CAAC,mBAAE,QAAQ,mBAAE,QAAQ,mBAAE,MAAM,CAAC,CAAC;AACxD;AAEA,IAAM,gBAAgB,CAAC,EAAE,oBAAoB,OAAO,WAAW,MAC3D,4CAAC,uBAAoB,qBAChB,oBAAoB,4CAAC,qBAAW,gBAAE,cAAc,CAAE,IAAe,MAClE,4CAAC,qBAAkB,qBAAuC,UAAW,CACzE;AAGJ,cAAc,YAAY;AAAA,EACtB,mBAAmB,mBAAE;AAAA,EACrB,YAAY,mBAAE;AAClB;AAEA,IAAM,aAAa,CAAC,EAAE,MAAM,MAAM,MAAM,cAAc,YAAY,kBAAkB,MAChF,4CAAC,cACG,4CAAC,kBAAY,IAAK,GACjB,OAAO,4CAAC,oBAAS,OAAO,EAAE,YAAY,GAAG,GAAG,MAAM,MAAM,IAAK,MAC9D,4CAAC,QAAK,WAAO,gBAAE,MAAM,GAAG,SAAS,MAAM,IACtC,yCAAY,UAAS,KAClB;AAAA,EAAC;AAAA;AAAA,IACG,WAAO,gBAAE,OAAO;AAAA,IAChB,SAAS,IAAI,WACR;AAAA,MACG,WACI,GAAG,OAAO,UAAU,WAAW,MAAM,EAAE,GAAG,KAAK,GAC3C,OAAO,UAAU,WAAW,MAAM,EACtC;AAAA,IACR,EACC,KAAK,KAAK,CAAC;AAAA;AACpB,GAEH,gBAAgB,4CAAC,QAAK,WAAO,gBAAE,SAAS,GAAG,SAAS,cAAc,GAClE,iBACL;AAGJ,WAAW,YAAY;AAAA,EACnB,MAAM,mBAAE;AAAA,EACR,MAAM,mBAAE;AAAA,EACR,MAAM,mBAAE;AAAA,EACR,YAAY,mBAAE,QAAQ,mBAAE,UAAU,CAAC,mBAAE,QAAQ,mBAAE,MAAM,CAAC,CAAC;AAAA,EACvD,cAAc,mBAAE,UAAU,CAAC,mBAAE,QAAQ,mBAAE,QAAQ,mBAAE,MAAM,CAAC,CAAC;AAAA,EACzD,mBAAmB,mBAAE;AACzB;AAEA,WAAW,UAAU;AAAA,EACjB,gBAAgB;AACpB;AAEA,IAAM,uBAAuB,CAAC,YAAY,sBAAsB;AAC5D,MAAI,gBAAgB,CAAC;AACrB,MAAI,oBAAoB;AAKxB,MAAI,CAAC,gBAAQ,UAAU,GAAG;AACtB,oBAAgB,CAAC,UAAU;AAAA,EAC/B,WAAW,CAAC,gBAAQ,iBAAiB,GAAG;AACpC,WAAO,KAAK,iBAAiB,EAAE,QAAQ,gBAAc;AACjD,YAAM,iBAAiB,kBAAkB,UAAU,EAAE;AACrD,UAAI,gBAAgB;AAChB,sBAAc,KAAK,cAAc;AAAA,MACrC;AAAA,IACJ,CAAC;AAED,wBAAoB;AAAA,EACxB;AAEA,MAAI,cAAc,QAAQ;AACtB,UAAM,gBAAgB,cAAc,IAAI,WAAS;AAC7C,YAAM,aAAa,OAAO,KAAK,KAAK,EAAE,IAAI,UAAQ;AAxQ9D;AAyQgB,cAAM,IAAI,MAAM,IAAI;AACpB,YAAI,UAAQ,OAAE,UAAF,mBAAU,MAChB,qBAAqB,kCAAK,OAAE,UAAF,mBAAU,KAAf,EAAmB,MAAM,EAAE,KAAK,EAAC,IACtD,qBAAqB,iCAAK,IAAL,EAAQ,MAAM,EAAE,KAAK,EAAC;AACjD,cAAM,WAAW,gBAAgB,EAAE,OAAO;AAE1C,YAAI;AAEJ,YAAI,SAAO,aAAE,UAAF,mBAAU,OAAV,mBAAc,aAAY,UAAU;AAC3C,wBAAc,kBAAkB,EAAE,MAAM,CAAC,EAAE,OAAO;AAAA,QACtD,aAAW,yBAAE,UAAF,mBAAU,OAAV,mBAAc,UAAd,mBAAqB,SAArB,mBAA2B,UAAS,GAAG;AAE9C,kBAAQ,MAAM,QAAQ,cAAc,QAAQ;AAC5C,wBAAc,EAAE,MAAM,CAAC,EAAE,MAAM;AAAA,QACnC,aAAW,+BAAE,UAAF,mBAAU,OAAV,mBAAc,UAAd,mBAAqB,UAArB,mBAA4B,SAA5B,mBAAkC,UAAS,GAAG;AAErD,kBAAQ,MAAM,QAAQ,cAAc,QAAQ;AAC5C,wBAAc,EAAE,MAAM,CAAC,EAAE,MAAM,MAAM;AAAA,QACzC,WAAW,EAAE,MAAM;AACf,wBAAc,EAAE;AAAA,QACpB;AAGA,YAAI,2CAAa,QAAQ;AACrB,oBAAQ,aAAE,UAAF,mBAAU,OAAV,mBAAc,UAAS,WAAU,aAAE,UAAF,mBAAU,OAAV,mBAAc,OAAO;AAC9D,cAAI,MAAM,QAAQ,KAAK,GAAG;AACtB,oBAAQ,MAAM,KAAK,KAAK;AAAA,UAC5B;AAAA,QACJ;AAEA,eACI;AAAA,UAAC;AAAA;AAAA,YACG,KAAK;AAAA,YACL,MAAM;AAAA,YACN,MAAM;AAAA,YACN,YAAY;AAAA,YACZ,MAAM,EAAE;AAAA,YACR,cAAc;AAAA;AAAA,QAClB;AAAA,MAER,CAAC;AACD,aACI;AAAA,QAAC;AAAA;AAAA,UACG,KAAK;AAAA,UACL;AAAA,UACA;AAAA;AAAA,MACJ;AAAA,IAER,CAAC;AAED,WAAO,4CAAC,qBAAkB,qBAAuC,aAAc;AAAA,EACnF;AACA,SAAO;AACX;AAEA,IAAM,aAAa,CAAC,EAAE,SAAS,YAAY,MACvC,4CAAC,aACI,QAAQ,WAAW,IAChB,4CAAC,mBAAQ,OAAO,KAAG,aAAW,IAE9B,4CAAC,mBAAQ,OAAO,KAAG,SAAO,GAE7B,eAAe,4CAAC,aAAK,WAAY,GACjC,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM;AAxUtD;AAyUY,MAAI;AACJ,MAAI,aAAa,CAAC;AAClB,MAAI,oBAAoB;AAGxB,MAAI,SAAO,gBAAK,UAAL,mBAAa,OAAb,mBAAiB,aAAY,UAAU;AAC9C,iBAAa,kBAAkB,KAAK,MAAM,CAAC,EAAE,OAAO;AAAA,EACxD,YAAW,gBAAK,UAAL,mBAAa,OAAb,mBAAiB,MAAM;AAC9B,kBAAa,gBAAK,UAAL,mBAAa,OAAb,mBAAiB;AAAA,EAClC,WAAW,KAAK,MAAM;AAClB,iBAAa,KAAK;AAAA,EACtB;AAGA,QAAI,gBAAK,UAAL,mBAAa,OAAb,mBAAiB,UAAS,WAAW,aAAW,gBAAK,UAAL,mBAAa,OAAb,mBAAiB,QAAO;AACxE,WAAO,qBAAqB,IAAI;AAChC,UAAM,EAAE,kBAAkB,IAAI;AAE9B,UAAM,UAAS,sBAAK,UAAL,mBAAa,OAAb,mBAAiB,UAAjB,mBAAwB;AACvC,UAAM,gBAAgB,OAAO,OAAO,CAAC,MAAM,aAAS,sBAAM,MAAM,IAAI,GAAG,CAAC,CAAC;AACzE,UAAM,EAAE,WAAW,IAAI;AACvB,wBAAoB,qBAAqB,YAAY,iBAAiB;AACtE,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA,MAAM,KAAK;AAAA,QACX;AAAA;AAAA,IACJ;AAAA,EAER;AAEA,MAAI,KAAK,SAAS,UAAU;AAExB,WAAO,KAAK;AACZ,UAAM,EAAE,WAAW,IAAI;AACvB,UAAM,EAAE,kBAAkB,IAAI;AAC9B,wBAAoB,qBAAqB,YAAY,iBAAiB;AAAA,EAC1E,WAAW,yCAAY,QAAQ;AAE3B,YAAO,gBAAK,UAAL,mBAAa,OAAb,mBAAiB;AACxB,QAAI,MAAM,QAAQ,IAAI,GAAG;AACrB,aAAO,KAAK,KAAK,KAAK;AAAA,IAC1B;AAAA,EACJ,OAAO;AACH,WAAO,qBAAqB,iCAAK,KAAK,MAAM,CAAC,IAAjB,EAAoB,MAAM,KAAK,KAAK,EAAC;AAAA,EACrE;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,MAAM;AAAA,MAEN;AAAA,MACA;AAAA,MACA,MAAM,KAAK;AAAA,MACX,cAAc,gBAAgB,KAAK,OAAO;AAAA,MAC1C;AAAA;AAAA,EACJ;AAER,CAAC,CACL;AAGJ,WAAW,YAAY;AAAA,EACnB,SAAS,mBAAE,OAAO;AAAA,EAClB,aAAa,mBAAE;AACnB;AAEA,IAAO,qBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport T from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Heading from '@splunk/react-ui/Heading';\nimport Markdown from '@splunk/react-ui/Markdown';\nimport styled from 'styled-components';\nimport { merge } from 'lodash';\nimport { getOptionDisplayType, getPatternOptions } from '../../.storybook/utils/storybookUtils';\n\nconst Option = styled.div`\n    margin-top: 20px;\n`;\nconst OptionName = styled.div`\n    color: #5ca300;\n    padding-bottom: 5px;\n`;\nconst PairContainer = styled.div`\n    margin-left: 40px;\n    margin-top: 10px;\n`;\nconst PairTitle = styled.span`\n    display: inline-block;\n    color: #8293a7;\n    width: 80px;\n`;\n\nconst PairValue = styled.span`\n    font-family: 'Splunk Platform Mono', 'monospace';\n    white-space: pre;\n`;\n\nconst PairValueJSON = styled.div`\n    margin-left: 80px;\n    pre {\n        margin: 0;\n    }\n    code {\n        font-size: 12px;\n        font-family: 'Splunk Platform Mono', 'monospace';\n    }\n`;\n\nconst PropertiesWrapper = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 0 : 40)}px;\n    margin-top: 20px;\n`;\n\nconst PropertiesContainer = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 40 : 0)}px;\n    margin-top: 10px;\n`;\n\nconst PropertiesContent = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 40 : 0)}px;\n`;\n\n/**\n * @method isOneOfJsonSchema\n * @param {object} item\n * @returns {boolean}\n */\nconst isOneOfJsonSchema = item => item.oneOf && Array.isArray(item.oneOf);\n\n/**\n * get Or type as string\n * @method getOrType\n * @param {object} item\n * @param {string} res\n * @returns {string} res  eg: (string | number)\n */\nconst getOrType = item => {\n    let res = '';\n\n    if (isOneOfJsonSchema(item)) {\n        res = item.oneOf\n            .map(one => {\n                if (one.type !== 'array') {\n                    return one.type;\n                }\n                // eslint-disable-next-line no-use-before-define\n                return getArrayType(one, '');\n            })\n            .join(' | ');\n    } else if (Array.isArray(item.type)) {\n        if (isEmpty(item.default)) {\n            return item.type.join(' | ');\n        }\n\n        res = item.type.filter(itemType => itemType !== 'string').join(' | ');\n        res += ' | ';\n        res += `\"${item.default}\"`;\n    }\n\n    return res;\n};\n\n/**\n * get the array type as string\n * @method getArrayType\n * @param {object} item\n * @param {string} res\n * @returns {string} res  eg: arrayOf(arrayOf(string | number | arrayOf(string | number)))\n */\nconst getArrayType = (item, res = '') => {\n    if (item.type !== 'array') {\n        if (Array.isArray(item.type) || isOneOfJsonSchema(item)) {\n            return getOrType(item);\n        }\n\n        return item.type;\n    }\n\n    if (item.type === 'array') {\n        res += 'arrayOf('; // eslint-disable-line no-param-reassign\n    }\n    res += getArrayType(item.items, ''); // eslint-disable-line no-param-reassign\n    res += ')'; // eslint-disable-line no-param-reassign\n    return res;\n};\n\n/**\n * get the type of this option item\n * @method getType\n * @param {ojbect} item option item\n * @returns {string} type\n */\nexport const getType = item => {\n    if (isOneOfJsonSchema(item)) {\n        return `oneOf(${getOrType(item)})`;\n    }\n    if (item.enum && Array.isArray(item.enum)) {\n        const values =\n            !isEmpty(item.enum) && typeof item.enum[0] === 'string'\n                ? item.enum.map(v => `\"${v}\"`).join(', ')\n                : item.enum.join(', ');\n\n        return `oneOf([${values}])`;\n    }\n\n    if (Array.isArray(item.type)) {\n        return getOrType(item);\n    }\n\n    if (item.type === 'array') {\n        if ('items' in item) {\n            return `arrayOf(${getType(item.items)})`;\n        }\n        return 'array';\n    }\n    return item.type;\n};\n\n/**\n * get the default value as string\n * @method getDefaultValue\n * @param {object | boolean | number | string} defaultValue\n * @returns {string | object[]} default value\n */\nconst getDefaultValue = defaultValue => {\n    if (typeof defaultValue === 'boolean' || typeof defaultValue === 'number') {\n        return defaultValue.toString();\n    }\n    if (Array.isArray(defaultValue)) {\n        if (defaultValue.length > 1 && typeof defaultValue[0] === 'object') {\n            // return the array only if the defaultValue is an object array\n            return defaultValue;\n        }\n        const values = defaultValue.map(v => JSON.stringify(v)).join(', ');\n        return `[${values}]`;\n    }\n    return defaultValue;\n};\n\nconst Pair = ({ title, content }) => (\n    <PairContainer>\n        <PairTitle>{`${title}:`}</PairTitle>\n        {Array.isArray(content) ? (\n            <PairValueJSON>\n                <pre>\n                    <code>{JSON.stringify(content, null, 2)}</code>\n                </pre>\n            </PairValueJSON>\n        ) : (\n            <PairValue>{content}</PairValue>\n        )}\n    </PairContainer>\n);\n\nPair.propTypes = {\n    title: T.string,\n    content: T.oneOfType([T.string, T.arrayOf(T.object)]),\n};\n\nconst PropertyItems = ({ isPatternProperty = false, propsItems }) => (\n    <PropertiesContainer isPatternProperty={isPatternProperty}>\n        {isPatternProperty ? <PairTitle>{_('[fieldName]:')}</PairTitle> : null}\n        <PropertiesContent isPatternProperty={isPatternProperty}>{propsItems}</PropertiesContent>\n    </PropertiesContainer>\n);\n\nPropertyItems.propTypes = {\n    isPatternProperty: T.bool,\n    propsItems: T.array,\n};\n\nconst OptionItem = ({ name, type, desc, defaultValue, enumerable, PropertiesSection }) => (\n    <Option>\n        <OptionName>{name}</OptionName>\n        {desc ? <Markdown style={{ marginLeft: 40 }} text={desc} /> : null}\n        <Pair title={_('Type')} content={type} />\n        {enumerable?.length > 0 && (\n            <Pair\n                title={_('oneOf')}\n                content={`(${enumerable\n                    .map(\n                        entry =>\n                            `${typeof entry === 'string' ? '\"' : ''}${entry}${\n                                typeof entry === 'string' ? '\"' : ''\n                            }`\n                    )\n                    .join(' | ')})`}\n            />\n        )}\n        {defaultValue && <Pair title={_('Default')} content={defaultValue} />}\n        {PropertiesSection}\n    </Option>\n);\n\nOptionItem.propTypes = {\n    name: T.string,\n    type: T.string,\n    desc: T.string,\n    enumerable: T.arrayOf(T.oneOfType([T.string, T.number])),\n    defaultValue: T.oneOfType([T.string, T.arrayOf(T.object)]),\n    PropertiesSection: T.element,\n};\n\nOptionItem.default = {\n    PropertiesItem: null,\n};\n\nconst getPropertiesSection = (properties, patternProperties) => {\n    let allProperties = [];\n    let isPatternProperty = false;\n\n    // the properties either comes from property field of the option schema item\n    // or from the property field of each patternProperties of the option schema item\n    // can check table tableFormat and columnFormat as examples\n    if (!isEmpty(properties)) {\n        allProperties = [properties];\n    } else if (!isEmpty(patternProperties)) {\n        Object.keys(patternProperties).forEach(patternKey => {\n            const propsInPattern = patternProperties[patternKey].properties;\n            if (propsInPattern) {\n                allProperties.push(propsInPattern);\n            }\n        });\n\n        isPatternProperty = true;\n    }\n\n    if (allProperties.length) {\n        const allPropsItems = allProperties.map(props => {\n            const propsItems = Object.keys(props).map(pKey => {\n                const p = props[pKey];\n                let pType = p.anyOf?.[0]\n                    ? getOptionDisplayType({ ...p.anyOf?.[0], enum: p.enum })\n                    : getOptionDisplayType({ ...p, enum: p.enum });\n                const pDefault = getDefaultValue(p.default);\n\n                let pEnumerable;\n                // get nested oneOf property listing\n                if (typeof p.anyOf?.[0]?.pattern === 'string') {\n                    pEnumerable = getPatternOptions(p.anyOf[0].pattern);\n                } else if (p.anyOf?.[0]?.items?.enum?.length > 0) {\n                    // quick fix for nested `columnFormat` enumerables that replaces enums within brackets with raw JS types\n                    pType = pType.replace(/\\((.+?)\\)/g, 'string');\n                    pEnumerable = p.anyOf[0].items.enum;\n                } else if (p.anyOf?.[0]?.items?.items?.enum?.length > 0) {\n                    // quick fix for nested `tableFormat` enumerables that replaces enums within brackets with raw JS types\n                    pType = pType.replace(/\\((.+?)\\)/g, 'string');\n                    pEnumerable = p.anyOf[0].items.items.enum;\n                } else if (p.enum) {\n                    pEnumerable = p.enum;\n                }\n\n                // use the JS types (e.g. string, number) of the nested property if the nested property is an enumerable\n                if (pEnumerable?.length) {\n                    pType = p.anyOf?.[0]?.type !== 'array' ? p.anyOf?.[0]?.type : pType;\n                    if (Array.isArray(pType)) {\n                        pType = pType.join(' | ');\n                    }\n                }\n\n                return (\n                    <OptionItem\n                        key={pKey}\n                        name={pKey}\n                        type={pType}\n                        enumerable={pEnumerable}\n                        desc={p.description}\n                        defaultValue={pDefault}\n                    />\n                );\n            });\n            return (\n                <PropertyItems\n                    key={propsItems}\n                    isPatternProperty={isPatternProperty}\n                    propsItems={propsItems}\n                />\n            );\n        });\n\n        return <PropertiesWrapper isPatternProperty={isPatternProperty}>{allPropsItems}</PropertiesWrapper>;\n    }\n    return null;\n};\n\nconst OptionsDoc = ({ options, description }) => (\n    <div>\n        {options.length === 0 ? (\n            <Heading level={4}> No Options</Heading>\n        ) : (\n            <Heading level={4}>Options</Heading>\n        )}\n        {description && <div>{description}</div>}\n        {Object.entries(options).map(([key, item]) => {\n            let type;\n            let enumerable = [];\n            let PropertiesSection = null;\n\n            // get oneOf property listing\n            if (typeof item.anyOf?.[0]?.pattern === 'string') {\n                enumerable = getPatternOptions(item.anyOf[0].pattern);\n            } else if (item.anyOf?.[0]?.enum) {\n                enumerable = item.anyOf?.[0]?.enum;\n            } else if (item.enum) {\n                enumerable = item.enum;\n            }\n\n            // get the nested options inside {option}.items.anyof. e.g. 'layers' in Map\n            if (item.anyOf?.[0]?.type === 'array' && 'anyOf' in item.anyOf?.[0]?.items) {\n                type = getOptionDisplayType(item);\n                const { patternProperties } = item;\n                // merge the 3 objects together instead of showing the longest options in the array\n                const option = item.anyOf?.[0]?.items?.anyOf;\n                const mergedOptions = option.reduce((prev, next) => merge(prev, next), {});\n                const { properties } = mergedOptions;\n                PropertiesSection = getPropertiesSection(properties, patternProperties);\n                return (\n                    <OptionItem\n                        key={key}\n                        name={key}\n                        type={type}\n                        enumerable={enumerable}\n                        desc={item.description}\n                        PropertiesSection={PropertiesSection}\n                    />\n                );\n            }\n\n            if (item.type === 'object') {\n                // get properties for object type\n                type = item.type;\n                const { properties } = item;\n                const { patternProperties } = item;\n                PropertiesSection = getPropertiesSection(properties, patternProperties);\n            } else if (enumerable?.length) {\n                // use the JS types (e.g. string, number) of the property if the property is an enumerable\n                type = item.anyOf?.[0]?.type;\n                if (Array.isArray(type)) {\n                    type = type.join(' | ');\n                }\n            } else {\n                type = getOptionDisplayType({ ...item.anyOf[0], enum: item.enum });\n            }\n\n            return (\n                <OptionItem\n                    key={key}\n                    name={key}\n                    // item.anyOf in the config.ts is a tuple which holds [{ type, pattern, items }, { type, pattern: DYNAMIC_OPTIONS_PATTERN }]\n                    type={type}\n                    enumerable={enumerable}\n                    desc={item.description}\n                    defaultValue={getDefaultValue(item.default)}\n                    PropertiesSection={PropertiesSection}\n                />\n            );\n        })}\n    </div>\n);\n\nOptionsDoc.propTypes = {\n    options: T.object.isRequired,\n    description: T.string,\n};\n\nexport default OptionsDoc;\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 \"lodash/isEmpty\";\nexport * from \"lodash/isEmpty\";\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", "\nimport * as defaultImport from \"@splunk/react-ui/Heading\";\nexport * from \"@splunk/react-ui/Heading\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Markdown\";\nexport * from \"@splunk/react-ui/Markdown\";\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/configUtils\";\nexport * from \"@splunk/visualizations-shared/configUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { get, omit, reduce, toNumber, isString } from 'lodash';\nimport type { OptionsSchema } from '@splunk/visualization-schemas';\nimport { isDynamicOption } from '@splunk/visualizations-shared/configUtils';\n\ninterface ArgTypeControl {\n    type: string;\n    options?: string[];\n    min?: number;\n    max?: number;\n}\n\nexport interface ArgTypeEntry {\n    description?: string;\n    control: ArgTypeControl;\n    name: string;\n    defaultValue?: any;\n    type: { required: boolean };\n    optionType: string;\n    table: {\n        type: { summary: string };\n        defaultValue?: { summary: any };\n        category?: string;\n        subcategory?: string;\n        disable?: boolean;\n    };\n}\n\nexport interface ArgTypes {\n    [key: string]: ArgTypeEntry;\n}\n\ntype StoriesList = RegExp | string[];\n\n/**\n * Returns type options from pattern\n * @example\n * // returns ['fixed', 'absolute', 'off']\n * getPatternOptions('\\$(\\w+:)?([^$|:]+?)(\\|[|\\w]+)?\\$|^fixed$|^absolute$|^off$')\n * @example\n * // returns []\n * getPatternOptions('^>.*')\n * @param {string} patternString - visualization option type pattern\n * @return {string[]} array of type options\n */\nexport const getPatternOptions = (patternString): string[] => {\n    if (patternString.indexOf('^#[') === 0) {\n        return patternString.slice(1).replace(/\\$/g, '').split('|^');\n    }\n    return patternString.replace(/\\$/g, '').split('|^').slice(1);\n};\n/**\n * Returns Storybook display type for an option\n * @param {object} option - visualization option\n * @return {string} Storybook display type\n */\nexport const getOptionDisplayType = (option): string => {\n    const { oneOf, anyOf, type, enum: en, pattern, items } = option;\n    let displayTypes: string[] = [];\n\n    // wrap values in quotes only if enum or pattern is string\n    const conditionalQuote = type === 'string' ? '\"' : '';\n    if (en && Array.isArray(en)) {\n        displayTypes = en.map(e => {\n            const enumQuote = typeof e === 'string' ? '\"' : '';\n            return `${enumQuote}${e}${enumQuote}`;\n        });\n    } else if (type === 'array' && items) {\n        return `${getOptionDisplayType(items)}[]`;\n    } else if (anyOf && Array.isArray(anyOf)) {\n        return getOptionDisplayType(anyOf[0]);\n    } else if (oneOf && Array.isArray(oneOf)) {\n        displayTypes = oneOf.map(item => getOptionDisplayType(item));\n    } else if (Array.isArray(type)) {\n        displayTypes = type;\n    } else if (pattern) {\n        displayTypes = getPatternOptions(pattern).map(p => `${conditionalQuote}${p}${conditionalQuote}`);\n    }\n\n    if (displayTypes.length > 0) {\n        return `(${displayTypes.join(' | ')})`;\n    }\n    return type;\n};\n\n/**\n * Returns Storybook control type for an option\n * @param {object} option - visualization option\n * @param {string} optionKey - visualization option key\n * @return {ArgTypeControl} Storybook control object\n */\nexport const getOptionControl = (option, optionKey): ArgTypeControl => {\n    const { anyOf } = option;\n    const schema = Array.isArray(anyOf) && anyOf.length ? anyOf[0] : option;\n\n    const type = Array.isArray(schema.type) ? schema.type[0] : schema.type;\n    const { maximum, minimum, enum: en } = schema;\n\n    const isColorOption = new RegExp(/color/, 'i').test(optionKey) && type !== 'array';\n\n    if (isColorOption) {\n        return { type: 'color' };\n    } else if (en && Array.isArray(en)) {\n        return { type: 'select', options: en };\n    } else if (anyOf && type === 'string' && anyOf[0].pattern) {\n        return { type: 'select', options: getPatternOptions(anyOf[0].pattern) };\n    } else if (type === 'number' && (minimum || maximum)) {\n        return {\n            type: 'range',\n            ...(typeof minimum === 'number' && { min: minimum }),\n            ...(typeof maximum === 'number' && { max: maximum }),\n        };\n    } else if (type === 'string') {\n        return { type: 'text' };\n    }\n\n    return { type };\n};\n\n/**\n * platform specific visualization option argTypes\n */\nconst objectTableControl = { control: { type: 'object' } };\nconst disableTableControl = { table: { disable: true } };\nexport const platformOptionArgTypes = {\n    context: objectTableControl,\n    dataSources: objectTableControl,\n    dataSource: disableTableControl,\n    options: disableTableControl,\n    onEventTrigger: { action: 'eventTrigger', ...disableTableControl },\n    hasEventHandlers: disableTableControl,\n};\n\n/**\n * Returns formatted Storybook argTypes for a visualization from its options schema\n * @param {OptionsSchema} options - visualization options\n * @param {string[]} requiredProps - required visualization props\n * @param {boolean} isPlatformViz - indicates if pure or platform visualization\n * @param {string} subcategory - nested property parent option name\n * @return {ArgTypes} Storybook argTypes\n */\nexport const optionsSchemaToArgTypes = ({\n    options = {},\n    requiredProps = [],\n    isPlatformViz = false,\n    subcategory = null,\n}: {\n    options: OptionsSchema;\n    requiredProps: string[];\n    isPlatformViz?: boolean;\n    subcategory?: string;\n}): ArgTypes => {\n    const validObjectTypeOptions = [\n        'lineDashStylesByField',\n        'seriesColorsByField',\n        'fieldActions',\n        'highlightValuesByField',\n    ];\n    let argTypes: ArgTypes = {};\n    Object.keys(options).forEach(optionKey => {\n        const option = get(options, optionKey);\n        if (option.type === 'object' && !validObjectTypeOptions.includes(optionKey)) {\n            // do not support controls for patternProperties, only nested properties\n            if (option.properties) {\n                argTypes = {\n                    ...argTypes,\n                    ...optionsSchemaToArgTypes({\n                        options: option.properties as OptionsSchema,\n                        isPlatformViz,\n                        requiredProps,\n                        subcategory: optionKey,\n                    }),\n                };\n            }\n        } else {\n            const { description, default: optionDefault } = option;\n            const optionControl = getOptionControl(option, optionKey);\n            const control = isPlatformViz ? { type: 'text' } : optionControl;\n            const required = requiredProps.includes(optionKey);\n\n            let defaultValue = optionDefault;\n            if (!isPlatformViz && isDynamicOption(optionDefault as string)) {\n                defaultValue = null;\n            }\n\n            argTypes[optionKey] = {\n                description,\n                control,\n                name: optionKey,\n                defaultValue,\n                type: { required },\n                optionType: optionControl.type,\n                table: {\n                    type: { summary: getOptionDisplayType(option) },\n                    defaultValue: { summary: defaultValue },\n                    ...(subcategory && {\n                        category: 'Nested Options',\n                        subcategory,\n                    }),\n                },\n            };\n        }\n    });\n\n    if (isPlatformViz) {\n        Object.assign(argTypes, platformOptionArgTypes);\n    }\n    return argTypes;\n};\n\n/**\n * Helper which converts string visualization options to their required type\n * @param {any} value - option values\n * @param {string} expectedType - expected option type\n * @return {any} correctly typed option value\n */\nexport const transformOptionType = (value, expectedType = 'string'): any => {\n    const isStringValue = !isDynamicOption(value) && isString(value);\n    if (isStringValue && expectedType === 'boolean') return value == 'true';\n    else if (isStringValue && expectedType === 'number') return toNumber(value);\n    return value;\n};\n\n// stringify these fields for storybook controls' support\nconst FieldsToStringify = [\n    'layers',\n    'center',\n    'eventActions',\n    'fieldActions',\n    'legendLabels',\n    'lineDashStylesByField',\n    'seriesColors',\n    'seriesColorsByField',\n    'footerFields',\n    'highlightValuesByField',\n];\n\n/**\n * Helper which returns platform visualization options from Storybook controls\n * Utilizes argTypes to determine valid and nested options\n * @param {object} args - visualization story args\n * @param {ArgTypes} argTypes - visualization argTypes\n * @return {object} visualization options\n */\nexport const getOptionsFromArgTypes = (args: Record<string, any>, argTypes: ArgTypes): Record<string, any> =>\n    reduce(\n        argTypes,\n        (accum, val, option) => {\n            const subcategory = get(val, 'table.subcategory');\n            const { optionType, defaultValue } = argTypes[option];\n            let controlledOption = transformOptionType(get(args, option), optionType);\n            // filter options from react & json if set to default value or is undefined\n            if (optionType && controlledOption != null && controlledOption !== defaultValue) {\n                // parse the value if option is stringified as part of flattenVizOptions\n                if (FieldsToStringify.includes(option)) {\n                    try {\n                        controlledOption = JSON.parse(controlledOption);\n                    } catch (e) {\n                        controlledOption = null;\n                    }\n                }\n                if (subcategory) {\n                    if (!accum[subcategory]) accum[subcategory] = {};\n                    accum[subcategory][option] = controlledOption;\n                } else accum[option] = controlledOption;\n            }\n            return accum;\n        },\n        { ...omit(args.options, Object.keys(argTypes)) }\n    );\n\n/**\n * Helper which flattens objects single depth level\n * @param {object} options - visualization options object\n * @return {object} flattened visualization options\n */\nexport const flattenVizOptions = (options: Record<string, any>): Record<string, any> => {\n    const nonFlattenOptions = new Set([\n        'y2Fields',\n        'overlayFields',\n        'gaugeRanges',\n        'fieldActions',\n        'highlightValuesByField',\n        'headers',\n    ]);\n    return reduce(\n        options,\n        (accum, val, option) => {\n            if (!platformOptionArgTypes[option]) {\n                if (typeof val === 'object' && FieldsToStringify.includes(option))\n                    accum[option] = JSON.stringify(val);\n                else if (typeof val === 'object' && !nonFlattenOptions.has(option))\n                    accum = { ...accum, ...val };\n                else accum[option] = val;\n            }\n            return accum;\n        },\n        {}\n    );\n};\n/**\n * Returns value based on Storybook publishing status\n * @param {T} publishedStories - stories to include in published Storybook\n * @param {T} localStories - stories to include in local Storybook\n * @return {T} one of the two params\n */\nexport const getStoriesToInclude = <T>(publishedStories: T, localStories: T): T =>\n    process.env.STORYBOOK_PUBLISH ? publishedStories : localStories;\n\n/**\n * Returns component level stories to include, defaults to innclude all stories\n * @param {StoriesList} stories - stories to include in published Storybook\n * @return {object} CSF includeStories config\n */\nexport const componentStoriesToInclude = (stories: StoriesList): object =>\n    getStoriesToInclude({ includeStories: stories }, {});\n"],
+  "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/common/utils/singleValueUtils.js

@@ -69,6 +69,7 @@ __export(singleValueUtils_exports, {
   getMajorFontSize: () => getMajorFontSize,
   getMajorText: () => getMajorText,
   getTrendColor: () => getTrendColor,
+  getTrendColorWithPercent: () => getTrendColorWithPercent,
   getTrendFontSize: () => getTrendFontSize,
   getTrendText: () => getTrendText,
   getUnderLabel: () => getUnderLabel,
@@ -617,15 +618,15 @@ var changeColor = (color, ratio) => {
 };
 var lighten = (color) => changeColor(color, 1.3);
 var darken = (color) => changeColor(color, 0.5);
-var handleValueClickCallback = (ev, majorValue, majorValueField, trendValue, onValueClick, trellisEnabled = false, trellisSplityBy = "", trellisKey = "") => {
-  let payload = {
+var handleValueClickCallback = (ev, majorValue, majorValueField, trendValue, onValueClick, trellisEnabled = false, trellisSplitBy = "", trellisKey = "") => onValueClick(__spreadProps(__spreadValues({}, ev), {
+  payload: __spreadValues({
     trendValue,
     value: majorValue,
     name: majorValueField
-  };
-  if (trellisEnabled) {
-    payload = __spreadProps(__spreadValues({}, payload), { "trellis.name": trellisSplityBy, "trellis.value": trellisKey });
-  }
-  return onValueClick(__spreadProps(__spreadValues({}, ev), { payload }));
+  }, trellisEnabled && { "trellis.name": trellisSplitBy, "trellis.value": trellisKey })
+}));
+var getTrendColorWithPercent = (options) => {
+  const shouldUsePercentTrendColor = options.trendColor === "> trendValue | rangeValue(trendColorEditorConfig)" && options.trendDisplay === "percent";
+  return shouldUsePercentTrendColor ? { trendColor: "> trendValuePercent | rangeValue(trendColorEditorConfig)" } : {};
 };
 //# sourceMappingURL=singleValueUtils.js.map

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    // 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", "\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 === 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 \"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/trellisUtils.js

@@ -40,7 +40,9 @@ __export(trellisUtils_exports2, {
   dataSourcesSplitByModeChart: () => dataSourcesSplitByModeChart,
   dataSourcesSplitByModeStatsorUnknown: () => dataSourcesSplitByModeStatsorUnknown,
   dataSourcesSplitByModeTimechart: () => dataSourcesSplitByModeTimechart,
-  getTrellisDataSourcesBySplitMode: () => getTrellisDataSourcesBySplitMode
+  determineMinMax: () => determineMinMax,
+  getTrellisDataSourcesBySplitMode: () => getTrellisDataSourcesBySplitMode,
+  turnOffLegendDisplayWhenTrellisIsOn: () => turnOffLegendDisplayWhenTrellisIsOn
 });
 module.exports = __toCommonJS(trellisUtils_exports2);
 
@@ -358,4 +360,42 @@ var getTrellisDataSourcesBySplitMode = (splitMode, dataSources, trellisSplitBy)
   }
   return result;
 };
+var turnOffLegendDisplayWhenTrellisIsOn = (isTrellisOn, options) => {
+  if (isTrellisOn && !options.legendDisplay) {
+    return {
+      legendDisplay: "off"
+    };
+  }
+  return {};
+};
+var calculateSharedMinMax = (splitData) => {
+  let max = -Infinity;
+  let min = 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;
+          }
+        });
+      });
+    });
+  });
+  return [min, max];
+};
+var determineMinMax = (splitData, trellisSharedScale, yAxisMin, yAxisMax, stackMode) => {
+  if (!trellisSharedScale || stackMode === "stacked100" || yAxisMin !== "auto" && yAxisMax !== "auto")
+    return [yAxisMin, yAxisMax];
+  const [sharedMin, sharedMax] = calculateSharedMinMax(splitData);
+  const shouldUseSharedMax = sharedMax !== -Infinity && yAxisMax === "auto";
+  const shouldUseSharedMin = sharedMin !== Infinity && yAxisMin === "auto";
+  return [shouldUseSharedMin ? sharedMin : yAxisMin, shouldUseSharedMax ? sharedMax : yAxisMax];
+};
 //# sourceMappingURL=trellisUtils.js.map