@splunk/visualizations 26.4.1 → 27.0.0

package/common/ThemesDoc.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"prop-types\"","webpack:///external \"@splunk/react-ui/ColumnLayout\"","webpack:///external \"@babel/runtime/helpers/typeof\"","webpack:///external \"@splunk/visualizations-shared/colorUtils\"","webpack:///external \"styled-components\"","webpack:///external \"@splunk/visualization-themes/variables\"","webpack:///external \"@splunk/react-ui/Heading\"","webpack:///external \"@splunk/react-ui/Select\"","webpack:///external \"lodash/omit\"","webpack:///external \"lodash/cloneDeep\"","webpack:///external \"@splunk/react-ui/Message\"","webpack:///external \"@splunk/react-ui/Tooltip\"","webpack:///external \"@splunk/themes/SplunkThemeProvider\"","webpack:///external \"@babel/runtime/helpers/slicedToArray\"","webpack:///./src/common/ThemesDoc.jsx"],"names":["ThemeVar","styled","ThemeVarName","props","PairContainer","PairTitle","ColorPreview","Pair","title","text","isColor","T","string","themeFamilyMapping","enterprise","colorScheme","dark","light","prisma","themeIdToVariant","enterpriseLightComfortable","density","family","label","enterpriseLightCompact","enterpriseDarkComfortable","enterpriseDarkCompact","prismaLightComfortable","prismaLightCompact","prismaDarkComfortable","prismaDarkCompact","ThemesDoc","renderVisualization","themeVars","useState","highlightedThemeVariable","setHighlightedThemeVariable","selectedTheme","setSelectedTheme","previewTheme","cloneDeep","marginTop","value","padding","themeValue","theme","splunkThemeV1","omit","isFromSharedVariables","isJSON","JSON","varKey","themes","isRequired"],"mappings":"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","file":"ThemesDoc.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 96);\n","module.exports = require(\"react\");","module.exports = require(\"prop-types\");","module.exports = require(\"@splunk/react-ui/ColumnLayout\");","module.exports = require(\"@babel/runtime/helpers/typeof\");","module.exports = require(\"@splunk/visualizations-shared/colorUtils\");","module.exports = require(\"styled-components\");","module.exports = require(\"@splunk/visualization-themes/variables\");","module.exports = require(\"@splunk/react-ui/Heading\");","module.exports = require(\"@splunk/react-ui/Select\");","module.exports = require(\"lodash/omit\");","module.exports = require(\"lodash/cloneDeep\");","module.exports = require(\"@splunk/react-ui/Message\");","module.exports = require(\"@splunk/react-ui/Tooltip\");","module.exports = require(\"@splunk/themes/SplunkThemeProvider\");","module.exports = require(\"@babel/runtime/helpers/slicedToArray\");","/* eslint-disable react/no-multi-comp */\nimport React, { useState } from 'react';\nimport T from 'prop-types';\nimport Heading from '@splunk/react-ui/Heading';\nimport styled from 'styled-components';\nimport omit from 'lodash/omit';\nimport cloneDeep from 'lodash/cloneDeep';\nimport ColumnLayout from '@splunk/react-ui/ColumnLayout';\nimport Select from '@splunk/react-ui/Select';\nimport Message from '@splunk/react-ui/Message';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport SplunkThemeProvider from '@splunk/themes/SplunkThemeProvider';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport * as sharedThemeVariables from '@splunk/visualization-themes/variables';\n\nconst ThemeVar = styled.div`\n    margin-top: 20px;\n    cursor: pointer;\n`;\nconst ThemeVarName = styled.div`\n    color: #5ca300;\n    padding-bottom: 5px;\n    display: inline-block;\n    padding-right: 5px;\n    font-weight: ${props => (props.highlighted ? 'bold' : 'normal')};\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`;\nconst ColorPreview = styled.div`\n    width: 20px;\n    height: 20px;\n    background: ${props => props.color};\n    display: inline-block;\n    vertical-align: bottom;\n    margin-right: 5px;\n    border: 1px solid rgba(0, 0, 0, 0.3);\n    border-radius: 5px;\n`;\n\nconst Pair = ({ title, text }) => (\n    <PairContainer>\n        <PairTitle>{`${title}:`}</PairTitle>\n        {isColor(text) && <ColorPreview color={text} />}\n        <samp>{text}</samp>\n    </PairContainer>\n);\nPair.propTypes = {\n    title: T.string,\n    text: T.string,\n};\n\nconst themeFamilyMapping = {\n    enterprise: {\n        colorScheme: {\n            dark: 'enterpriseDark',\n            light: 'enterprise',\n        },\n    },\n    prisma: {\n        colorScheme: {\n            dark: 'scp',\n            light: 'enterprise',\n        },\n    },\n};\n\nconst themeIdToVariant = {\n    enterpriseLightComfortable: {\n        colorScheme: 'light',\n        density: 'comfortable',\n        family: 'enterprise',\n        label: 'Enterprise Light Comfortable',\n    },\n    enterpriseLightCompact: {\n        colorScheme: 'light',\n        density: 'compact',\n        family: 'enterprise',\n        label: 'Enterprise Light Compact',\n    },\n    enterpriseDarkComfortable: {\n        colorScheme: 'dark',\n        density: 'comfortable',\n        family: 'enterprise',\n        label: 'Enterprise Dark Comfortable',\n    },\n    enterpriseDarkCompact: {\n        colorScheme: 'dark',\n        density: 'compact',\n        family: 'enterprise',\n        label: 'Enterprise Dark Compact',\n    },\n    prismaLightComfortable: {\n        colorScheme: 'light',\n        density: 'comfortable',\n        family: 'prisma',\n        label: 'Prisma Light Comfortable',\n    },\n    prismaLightCompact: {\n        colorScheme: 'light',\n        density: 'compact',\n        family: 'prisma',\n        label: 'Prisma Light Compact',\n    },\n    prismaDarkComfortable: {\n        colorScheme: 'dark',\n        density: 'comfortable',\n        family: 'prisma',\n        label: 'Prisma Dark Comfortable',\n    },\n    prismaDarkCompact: {\n        colorScheme: 'dark',\n        density: 'compact',\n        family: 'prisma',\n        label: 'Prisma Dark Compact',\n    },\n};\n\nconst ThemesDoc = props => {\n    const { renderVisualization, themes: themeVars } = props;\n    const [highlightedThemeVariable, setHighlightedThemeVariable] = useState('');\n    const [selectedTheme, setSelectedTheme] = useState(themeIdToVariant.enterpriseLightComfortable);\n    const previewTheme = cloneDeep(themeVars);\n    // if the highlighted theme variable is a color, color it red\n    // TODO(fkurniawan): fix red highlighting. this broke ~v20.7.0, and approach needs to be modified again owing to SUI upgrade\n    if (isColor(themeVars[highlightedThemeVariable])) {\n        previewTheme[highlightedThemeVariable] = () => 'red';\n    }\n    return (\n        <ColumnLayout style={{ marginTop: -20 }}>\n            <ColumnLayout.Row>\n                <ColumnLayout.Column span={12}>\n                    <Heading level={4}>Theme</Heading>\n                    <Select value={selectedTheme} onChange={(e, { value }) => setSelectedTheme(value)}>\n                        {Object.keys(themeIdToVariant).map(themeId => (\n                            <Select.Option\n                                key={themeId}\n                                label={themeIdToVariant[themeId].label}\n                                value={themeIdToVariant[themeId]}\n                            />\n                        ))}\n                    </Select>\n                </ColumnLayout.Column>\n            </ColumnLayout.Row>\n            <ColumnLayout.Row>\n                <ColumnLayout.Column colStyle={{ padding: 10 }} span={4}>\n                    <Heading level={4}>Preview</Heading>\n                    <SplunkThemeProvider\n                        family={selectedTheme.family}\n                        colorScheme={selectedTheme.colorScheme}\n                        density={selectedTheme.density}\n                    >\n                        {renderVisualization()}\n                    </SplunkThemeProvider>\n                    <Message type=\"info\">\n                        This preview may differ from the visualization&apos;s default look and feel. <br />\n                        It exists to show areas affected by theme variables.\n                    </Message>\n                </ColumnLayout.Column>\n                <ColumnLayout.Column colStyle={{ padding: 10 }} span={8}>\n                    <Heading level={4}>Variables</Heading>\n                    {Object.keys(previewTheme).map(varKey => {\n                        const themeValue = previewTheme[varKey]({\n                            theme: { splunkThemeV1: omit(selectedTheme, ['label']) },\n                        });\n                        // if a theme variable is in @splunk/visualization-themes and it has the same value\n                        // we assume we used the shared variable.\n                        const isFromSharedVariables =\n                            sharedThemeVariables?.[\n                                themeFamilyMapping?.[selectedTheme.family]?.[selectedTheme.colorScheme]\n                            ]?.[varKey] === themeValue;\n                        // for now we only show simple theme values (nested theme objects shouldn't have been introduced in the first place)\n                        let isJSON;\n                        try {\n                            isJSON = typeof JSON.parse(themeValue) === 'object';\n                        } catch (e) {} // eslint-disable-line no-empty\n                        return (\n                            !isJSON && (\n                                <ThemeVar\n                                    key={varKey}\n                                    onMouseOver={() => setHighlightedThemeVariable(varKey)}\n                                    onMouseOut={() => setHighlightedThemeVariable('')}\n                                >\n                                    <ThemeVarName\n                                        highlighted={varKey === highlightedThemeVariable}\n                                    >{`${varKey}`}</ThemeVarName>\n                                    {isFromSharedVariables && (\n                                        <Tooltip content=\"This is a shared theme variable from @splunk/visualization-themes\" />\n                                    )}\n                                    <Pair title=\"Value\" text={themeValue} />\n                                </ThemeVar>\n                            )\n                        );\n                    })}\n                </ColumnLayout.Column>\n            </ColumnLayout.Row>\n        </ColumnLayout>\n    );\n};\n\nThemesDoc.propTypes = {\n    themes: T.object.isRequired, // @TODO: replace with themes object from viz config when we add docs/descs to theme vars\n    renderVisualization: T.func.isRequired,\n};\n\nexport default ThemesDoc;\n"],"sourceRoot":""}
+{
+  "version": 3,
+  "sources": ["../src/common/ThemesDoc.jsx", "esm-externals:react", "esm-externals:prop-types", "esm-externals:@splunk/react-ui/Heading", "esm-externals:styled-components", "esm-externals:lodash/omit", "esm-externals:lodash/cloneDeep", "esm-externals:@splunk/react-ui/ColumnLayout", "esm-externals:@splunk/react-ui/Select", "esm-externals:@splunk/react-ui/Message", "esm-externals:@splunk/react-ui/Tooltip", "esm-externals:@splunk/themes/SplunkThemeProvider", "esm-externals:@splunk/visualizations-shared/colorUtils", "esm-externals:@splunk/visualization-themes/variables"],
+  "sourcesContent": ["/* eslint-disable react/no-multi-comp */\nimport React, { useState } from 'react';\nimport T from 'prop-types';\nimport Heading from '@splunk/react-ui/Heading';\nimport styled from 'styled-components';\nimport omit from 'lodash/omit';\nimport cloneDeep from 'lodash/cloneDeep';\nimport ColumnLayout from '@splunk/react-ui/ColumnLayout';\nimport Select from '@splunk/react-ui/Select';\nimport Message from '@splunk/react-ui/Message';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport SplunkThemeProvider from '@splunk/themes/SplunkThemeProvider';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport * as sharedThemeVariables from '@splunk/visualization-themes/variables';\n\nconst ThemeVar = styled.div`\n    margin-top: 20px;\n    cursor: pointer;\n`;\nconst ThemeVarName = styled.div`\n    color: #5ca300;\n    padding-bottom: 5px;\n    display: inline-block;\n    padding-right: 5px;\n    font-weight: ${props => (props.highlighted ? 'bold' : 'normal')};\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`;\nconst ColorPreview = styled.div`\n    width: 20px;\n    height: 20px;\n    background: ${props => props.color};\n    display: inline-block;\n    vertical-align: bottom;\n    margin-right: 5px;\n    border: 1px solid rgba(0, 0, 0, 0.3);\n    border-radius: 5px;\n`;\n\nconst Pair = ({ title, text }) => (\n    <PairContainer>\n        <PairTitle>{`${title}:`}</PairTitle>\n        {isColor(text) && <ColorPreview color={text} />}\n        <samp>{text}</samp>\n    </PairContainer>\n);\nPair.propTypes = {\n    title: T.string,\n    text: T.string,\n};\n\nconst themeFamilyMapping = {\n    enterprise: {\n        colorScheme: {\n            dark: 'enterpriseDark',\n            light: 'enterprise',\n        },\n    },\n    prisma: {\n        colorScheme: {\n            dark: 'scp',\n            light: 'enterprise',\n        },\n    },\n};\n\nconst themeIdToVariant = {\n    enterpriseLightComfortable: {\n        colorScheme: 'light',\n        density: 'comfortable',\n        family: 'enterprise',\n        label: 'Enterprise Light Comfortable',\n    },\n    enterpriseLightCompact: {\n        colorScheme: 'light',\n        density: 'compact',\n        family: 'enterprise',\n        label: 'Enterprise Light Compact',\n    },\n    enterpriseDarkComfortable: {\n        colorScheme: 'dark',\n        density: 'comfortable',\n        family: 'enterprise',\n        label: 'Enterprise Dark Comfortable',\n    },\n    enterpriseDarkCompact: {\n        colorScheme: 'dark',\n        density: 'compact',\n        family: 'enterprise',\n        label: 'Enterprise Dark Compact',\n    },\n    prismaLightComfortable: {\n        colorScheme: 'light',\n        density: 'comfortable',\n        family: 'prisma',\n        label: 'Prisma Light Comfortable',\n    },\n    prismaLightCompact: {\n        colorScheme: 'light',\n        density: 'compact',\n        family: 'prisma',\n        label: 'Prisma Light Compact',\n    },\n    prismaDarkComfortable: {\n        colorScheme: 'dark',\n        density: 'comfortable',\n        family: 'prisma',\n        label: 'Prisma Dark Comfortable',\n    },\n    prismaDarkCompact: {\n        colorScheme: 'dark',\n        density: 'compact',\n        family: 'prisma',\n        label: 'Prisma Dark Compact',\n    },\n};\n\nconst ThemesDoc = props => {\n    const { renderVisualization, themes: themeVars } = props;\n    const [highlightedThemeVariable, setHighlightedThemeVariable] = useState('');\n    const [selectedTheme, setSelectedTheme] = useState(themeIdToVariant.enterpriseLightComfortable);\n    const previewTheme = cloneDeep(themeVars);\n    // if the highlighted theme variable is a color, color it red\n    // TODO(fkurniawan): fix red highlighting. this broke ~v20.7.0, and approach needs to be modified again owing to SUI upgrade\n    if (isColor(themeVars[highlightedThemeVariable])) {\n        previewTheme[highlightedThemeVariable] = () => 'red';\n    }\n    return (\n        <ColumnLayout style={{ marginTop: -20 }}>\n            <ColumnLayout.Row>\n                <ColumnLayout.Column span={12}>\n                    <Heading level={4}>Theme</Heading>\n                    <Select value={selectedTheme} onChange={(e, { value }) => setSelectedTheme(value)}>\n                        {Object.keys(themeIdToVariant).map(themeId => (\n                            <Select.Option\n                                key={themeId}\n                                label={themeIdToVariant[themeId].label}\n                                value={themeIdToVariant[themeId]}\n                            />\n                        ))}\n                    </Select>\n                </ColumnLayout.Column>\n            </ColumnLayout.Row>\n            <ColumnLayout.Row>\n                <ColumnLayout.Column colStyle={{ padding: 10 }} span={4}>\n                    <Heading level={4}>Preview</Heading>\n                    <SplunkThemeProvider\n                        family={selectedTheme.family}\n                        colorScheme={selectedTheme.colorScheme}\n                        density={selectedTheme.density}\n                    >\n                        {renderVisualization()}\n                    </SplunkThemeProvider>\n                    <Message type=\"info\">\n                        This preview may differ from the visualization&apos;s default look and feel. <br />\n                        It exists to show areas affected by theme variables.\n                    </Message>\n                </ColumnLayout.Column>\n                <ColumnLayout.Column colStyle={{ padding: 10 }} span={8}>\n                    <Heading level={4}>Variables</Heading>\n                    {Object.keys(previewTheme).map(varKey => {\n                        const themeValue = previewTheme[varKey]({\n                            theme: { splunkThemeV1: omit(selectedTheme, ['label']) },\n                        });\n                        // if a theme variable is in @splunk/visualization-themes and it has the same value\n                        // we assume we used the shared variable.\n                        const isFromSharedVariables =\n                            sharedThemeVariables?.[\n                                themeFamilyMapping?.[selectedTheme.family]?.[selectedTheme.colorScheme]\n                            ]?.[varKey] === themeValue;\n                        // for now we only show simple theme values (nested theme objects shouldn't have been introduced in the first place)\n                        let isJSON;\n                        try {\n                            isJSON = typeof JSON.parse(themeValue) === 'object';\n                        } catch (e) {} // eslint-disable-line no-empty\n                        return (\n                            !isJSON && (\n                                <ThemeVar\n                                    key={varKey}\n                                    onMouseOver={() => setHighlightedThemeVariable(varKey)}\n                                    onMouseOut={() => setHighlightedThemeVariable('')}\n                                >\n                                    <ThemeVarName\n                                        highlighted={varKey === highlightedThemeVariable}\n                                    >{`${varKey}`}</ThemeVarName>\n                                    {isFromSharedVariables && (\n                                        <Tooltip content=\"This is a shared theme variable from @splunk/visualization-themes\" />\n                                    )}\n                                    <Pair title=\"Value\" text={themeValue} />\n                                </ThemeVar>\n                            )\n                        );\n                    })}\n                </ColumnLayout.Column>\n            </ColumnLayout.Row>\n        </ColumnLayout>\n    );\n};\n\nThemesDoc.propTypes = {\n    themes: T.object.isRequired, // @TODO: replace with themes object from viz config when we add docs/descs to theme vars\n    renderVisualization: T.func.isRequired,\n};\n\nexport default ThemesDoc;\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 \"@splunk/react-ui/Heading\";\nexport * from \"@splunk/react-ui/Heading\";\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/omit\";\nexport * from \"lodash/omit\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"lodash/cloneDeep\";\nexport * from \"lodash/cloneDeep\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/ColumnLayout\";\nexport * from \"@splunk/react-ui/ColumnLayout\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Select\";\nexport * from \"@splunk/react-ui/Select\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Message\";\nexport * from \"@splunk/react-ui/Message\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Tooltip\";\nexport * from \"@splunk/react-ui/Tooltip\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/SplunkThemeProvider\";\nexport * from \"@splunk/themes/SplunkThemeProvider\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorUtils\";\nexport * from \"@splunk/visualizations-shared/colorUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-themes/variables\";\nexport * from \"@splunk/visualization-themes/variables\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
+}

package/common/chartingUtils.js

@@ -1,314 +1,155 @@
-/*!
- * Copyright © 2024 Splunk Inc.
- * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
- * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 97);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 22:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ 97:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _toConsumableArray = __webpack_require__(22);
-
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return t;
+  return to;
 };
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common/chartingUtils.ts
+var chartingUtils_exports = {};
+__export(chartingUtils_exports, {
+  constructFieldsAndColumns: () => constructFieldsAndColumns,
+  convertOverlayFields: () => convertOverlayFields,
+  convertY2AxisOptions: () => convertY2AxisOptions,
+  getAnnotations: () => getAnnotations,
+  isMultiSeriesData: () => isMultiSeriesData,
+  mapToValues: () => mapToValues,
+  shouldEnableSearchZoom: () => shouldEnableSearchZoom,
+  toArrayForSeries: () => toArrayForSeries,
+  truncateData: () => truncateData
 });
-exports.shouldEnableSearchZoom = exports.constructFieldsAndColumns = exports.toArrayForSeries = exports.isMultiSeriesData = exports.convertOverlayFields = exports.convertY2AxisOptions = exports.mapToValues = exports.truncateData = exports.getAnnotations = void 0;
-
-var lodash_1 = __webpack_require__(3);
-/**
- * Get formatted annotations
- * @method getAnnotations
- * @param {Object} options
- * @param {Array} options.annotationX
- * @param {Array} options.annotationColor
- * @param {Array} options.annotationLabel
- * @returns {Array}
- */
-
+module.exports = __toCommonJS(chartingUtils_exports);
 
-var getAnnotations = function getAnnotations(_ref) {
-  var annotationX = _ref.annotationX,
-      annotationColor = _ref.annotationColor,
-      annotationLabel = _ref.annotationLabel;
-  return annotationX && annotationX.length ? annotationX.map(function (timestamp, i) {
-    return {
-      color: annotationColor && annotationColor[i],
-      label: annotationLabel && annotationLabel[i],
-      time: timestamp
-    };
-  }) : [];
-};
-
-exports.getAnnotations = getAnnotations;
-/**
- * Truncate the result set to given limit
- * @method truncateData
- * @param {Object} dataSet - dataSources.primary.data
- * @param {Number|String} truncationLimit - options['chart.resultTruncationLimit']
- * @returns {Object}
- */
-
-var truncateData = function truncateData(dataSet, truncationLimit) {
+// esm-externals:lodash
+var lodash_exports = {};
+__export(lodash_exports, {
+  default: () => lodash_default
+});
+var defaultImport = __toESM(require("lodash"));
+__reExport(lodash_exports, require("lodash"));
+var lodash_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/common/chartingUtils.ts
+var getAnnotations = ({ annotationX, annotationColor, annotationLabel }) => annotationX && annotationX.length ? annotationX.map((timestamp, i) => ({
+  color: annotationColor && annotationColor[i],
+  label: annotationLabel && annotationLabel[i],
+  time: timestamp
+})) : [];
+var truncateData = (dataSet, truncationLimit) => {
   if (!dataSet) {
     return null;
   }
-
-  var limit = parseInt(truncationLimit, 10);
-
+  const limit = parseInt(truncationLimit, 10);
   if (!limit || limit <= 0) {
     return dataSet;
   }
-
-  var truncatedData = Object.assign({}, dataSet);
-  truncatedData.columns = truncatedData.columns.map(function (columnData) {
-    return columnData && Array.isArray(columnData) ? columnData.slice(0, limit) : columnData;
-  });
+  const truncatedData = __spreadValues({}, dataSet);
+  truncatedData.columns = truncatedData.columns.map(
+    (columnData) => columnData && Array.isArray(columnData) ? columnData.slice(0, limit) : columnData
+  );
   return truncatedData;
 };
-
-exports.truncateData = truncateData;
-/**
- * Helper method to update the option values into the values that SC accepts
- * @method mapToValues
- * @param {Object} options
- * @returns {Object}
- */
-
-var mapToValues = function mapToValues(optionValuesSCMapping) {
-  return function (options) {
-    var convertedOptions = Object.assign({}, options);
-    Object.keys(optionValuesSCMapping).forEach(function (key) {
-      if ((0, lodash_1.has)(options, key)) {
-        var updatedValue = optionValuesSCMapping[key][options[key]];
-
-        if (!(0, lodash_1.isUndefined)(updatedValue)) {
-          convertedOptions[key] = updatedValue;
-        }
+var mapToValues = (optionValuesSCMapping) => (options) => {
+  const convertedOptions = __spreadValues({}, options);
+  Object.keys(optionValuesSCMapping).forEach((key) => {
+    if ((0, lodash_exports.has)(options, key)) {
+      const updatedValue = optionValuesSCMapping[key][options[key]];
+      if (!(0, lodash_exports.isUndefined)(updatedValue)) {
+        convertedOptions[key] = updatedValue;
       }
-    });
-    return convertedOptions;
-  };
+    }
+  });
+  return convertedOptions;
 };
-
-exports.mapToValues = mapToValues;
-/**
- * Helper method to process options related to y2Fields
- * @method convertY2AxisOptions
- * @param {Object} originalOptions
- * @returns {Object}
- */
-
-var convertY2AxisOptions = function convertY2AxisOptions(_a) {
-  var y2Fields = _a.y2Fields,
-      originalOptions = __rest(_a, ["y2Fields"]);
-
-  var convertedOptions = Object.assign({}, originalOptions);
-
+var convertY2AxisOptions = (_a) => {
+  var _b = _a, {
+    y2Fields
+  } = _b, originalOptions = __objRest(_b, [
+    "y2Fields"
+  ]);
+  const convertedOptions = __spreadValues({}, originalOptions);
   if (y2Fields) {
-    convertedOptions['axisY2.enabled'] = true;
-    convertedOptions['axisY2.fields'] = (0, lodash_1.isArray)(y2Fields) ? y2Fields.filter(function (name) {
-      return name;
-    }).join(',') : y2Fields;
+    convertedOptions["axisY2.enabled"] = true;
+    convertedOptions["axisY2.fields"] = (0, lodash_exports.isArray)(y2Fields) ? y2Fields.filter((name) => name).join(",") : y2Fields;
   }
-
   return convertedOptions;
 };
-
-exports.convertY2AxisOptions = convertY2AxisOptions;
-/**
- * Helper method to format value for overlayFields
- * @method convertOverlayFields
- * @param {Object} originalOptions
- * @returns {Object}
- */
-
-var convertOverlayFields = function convertOverlayFields(originalOptions) {
-  var convertedOptions = Object.assign({}, originalOptions);
-  var overlayFields = originalOptions.overlayFields;
-
+var convertOverlayFields = (originalOptions) => {
+  const convertedOptions = __spreadValues({}, originalOptions);
+  const { overlayFields } = originalOptions;
   if (overlayFields) {
-    convertedOptions.overlayFields = Array.isArray(overlayFields) ? overlayFields.filter(function (field) {
-      return field;
-    }).map(function (field) {
-      return field.trim();
-    }).join(',') : overlayFields;
+    convertedOptions.overlayFields = Array.isArray(overlayFields) ? overlayFields.filter((field) => field).map((field) => field.trim()).join(",") : overlayFields;
   }
-
   return convertedOptions;
 };
-
-exports.convertOverlayFields = convertOverlayFields;
-/**
- * checks whether data is multi series data
- * @param {array} data array
- * @return {Boolean}
- */
-
-var isMultiSeriesData = function isMultiSeriesData(data) {
-  return Array.isArray(data) && Array.isArray(data[0]);
-};
-
-exports.isMultiSeriesData = isMultiSeriesData;
-/**
- * checks whether data is multi series data and returns value as array
- * @param {array} data array
- * @param {*} value to return as array
- * @return {array}
- */
-
-var toArrayForSeries = function toArrayForSeries(data, value) {
-  return (0, exports.isMultiSeriesData)(data) ? value : [value];
-};
-
-exports.toArrayForSeries = toArrayForSeries;
-
-var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
-  var _ref2$x = _ref2.x,
-      x = _ref2$x === void 0 ? [] : _ref2$x,
-      _ref2$y = _ref2.y,
-      y = _ref2$y === void 0 ? [] : _ref2$y,
-      xField = _ref2.xField,
-      yFields = _ref2.yFields,
-      y2 = _ref2.y2,
-      y2Fields = _ref2.y2Fields;
-  var columns = [x.map(String)].concat(_toConsumableArray((0, exports.toArrayForSeries)(y, y).map(function (series) {
-    return series.map(String);
-  })));
-  var yFieldsArray = (0, exports.toArrayForSeries)(y, yFields);
-  var fields = [{
-    name: xField
-  }].concat(_toConsumableArray(yFieldsArray.map(function (field) {
-    return {
-      name: field
-    };
-  }))); // splunk-charting requires y2 to be part of columns
-  // when y & y2 options are configured with different (mutually exclusive) series
-  // y2 columns need to be added to columns
-
+var isMultiSeriesData = (data) => Array.isArray(data) && Array.isArray(data[0]);
+var toArrayForSeries = (data, value) => isMultiSeriesData(data) ? value : [value];
+var constructFieldsAndColumns = ({
+  x = [],
+  y = [],
+  xField,
+  yFields,
+  y2,
+  y2Fields
+}) => {
+  const columns = [x.map(String), ...toArrayForSeries(y, y).map((series) => series.map(String))];
+  const yFieldsArray = toArrayForSeries(y, yFields);
+  const fields = [{ name: xField }, ...yFieldsArray.map((field) => ({ name: field }))];
   if (y2Fields) {
-    var y2FieldsArray = (0, exports.toArrayForSeries)(y2, y2Fields);
-    var y2AsArray = (0, exports.toArrayForSeries)(y2, y2).map(function (series) {
-      return series === null || series === void 0 ? void 0 : series.map(String);
-    });
-    y2FieldsArray.forEach(function (y2Field, index) {
+    const y2FieldsArray = toArrayForSeries(y2, y2Fields);
+    const y2AsArray = toArrayForSeries(y2, y2).map((series) => series == null ? void 0 : series.map(String));
+    y2FieldsArray.forEach((y2Field, index) => {
       if (yFieldsArray.indexOf(y2Field) === -1 && y2AsArray[index]) {
         fields.push({
           name: y2Field
@@ -317,32 +158,19 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
       }
     });
   }
-
   return {
-    columns: columns,
-    fields: fields
+    columns,
+    fields
   };
 };
-
-exports.constructFieldsAndColumns = constructFieldsAndColumns;
-
-var shouldEnableSearchZoom = function shouldEnableSearchZoom() {
-  var eventHandlers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var xField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var rangeSelectEventHandler = eventHandlers.find(function (eventHandler) {
-    var _a;
-
-    return (_a = eventHandler.options.events) === null || _a === void 0 ? void 0 : _a.includes('range.select');
-  }); // Check if xField is _time. This is how splunk-charting distinguishes a time chart from categorical.
-  // Note: search zoom will be buggy if the x axis uses timestamp values but is not _time
-
-  var xAxisIsTime = xField === '_time';
+var shouldEnableSearchZoom = (eventHandlers = [], xField = "") => {
+  const rangeSelectEventHandler = eventHandlers.find(
+    (eventHandler) => {
+      var _a;
+      return (_a = eventHandler.options.events) == null ? void 0 : _a.includes("range.select");
+    }
+  );
+  const xAxisIsTime = xField === "_time";
   return !!rangeSelectEventHandler && xAxisIsTime;
 };
-
-exports.shouldEnableSearchZoom = shouldEnableSearchZoom;
-
-/***/ })
-
-/******/ });
-//# sourceMappingURL=chartingUtils.js.map
+//# sourceMappingURL=chartingUtils.js.map