@splunk/visualizations 24.4.0 → 24.5.0

package/common/ThemesDoc.js.map

@@ -1 +1 @@
-{"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 \"@babel/runtime/helpers/slicedToArray\"","webpack:///external \"styled-components\"","webpack:///external \"@splunk/visualization-themes/variables\"","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 \"@splunk/react-ui/Heading\"","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":";;;;;;;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,kC;;;;;;;ACAA,uC;;;;;;;ACAA,0D;;;;;;;ACAA,0D;;;;;;;ACAA,qE;;;;;;;ACAA,iE;;;;;;;ACAA,8C;;;;;;;ACAA,mE;;;;;;;ACAA,oD;;;;;;;ACAA,wC;;;;;;;ACAA,6C;;;;;;;ACAA,qD;;;;;;;ACAA,qD;;;;;;;ACAA,+D;;;;;;;ACAA,qD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,QAAQ,GAAGC,wDAAM,CAAT,GAAGA,CAAH,UAAGA,CAAH;AAAA;AAAA;AAAA,CAAGA,EAAH,CAAd,iCAAc,CAAGA,CAAjB;AAIA,IAAMC,YAAY,GAAGD,wDAAM,CAAT,GAAGA,CAAH,UAAGA,CAAH;AAAA;AAAA;AAAA,CAAGA,EAAH,6FAAGA,EAKF,iBAAK;AAAA,SAAKE,KAAK,CAALA,uBAAL;AALxB,CAAqBF,CAArB;AAOA,IAAMG,aAAa,GAAGH,wDAAM,CAAT,GAAGA,CAAH,UAAGA,CAAH;AAAA;AAAA;AAAA,CAAGA,EAAH,CAAnB,mCAAmB,CAAGA,CAAtB;AAIA,IAAMI,SAAS,GAAGJ,wDAAM,CAAT,IAAGA,CAAH,UAAGA,CAAH;AAAA;AAAA;AAAA,CAAGA,EAAH,CAAf,gDAAe,CAAGA,CAAlB;AAKA,IAAMK,YAAY,GAAGL,wDAAM,CAAT,GAAGA,CAAH,UAAGA,CAAH;AAAA;AAAA;AAAA,CAAGA,EAAH,0JAAGA,EAGH,iBAAK;AAAA,SAAIE,KAAK,CAAT;AAHvB,CAAqBF,CAArB;;AAWA,IAAMM,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAGC,KAAH;AAAA,MAAUC,IAAV;AAAA,sBACT,6FACI,6FADJ,GACI,EADJ,EAEKC,yFAAO,CAAPA,IAAO,CAAPA,iBAAiB;AAAc,SAAK,EAAED;AAArB,IAFtB,eAGI,yEAJK,IAIL,CAHJ,CADS;AAAb;;AAOAF,IAAI,CAAJA,YAAiB;AACbC,OAAK,EAAEG,iDAAC,CADK;AAEbF,MAAI,EAAEE,iDAAC,CAACC;AAFK,CAAjBL;AAKA,IAAMM,kBAAkB,GAAG;AACvBC,YAAU,EAAE;AACRC,eAAW,EAAE;AACTC,UAAI,EADK;AAETC,WAAK,EAAE;AAFE;AADL,GADW;AAOvBC,QAAM,EAAE;AACJH,eAAW,EAAE;AACTC,UAAI,EADK;AAETC,WAAK,EAAE;AAFE;AADT;AAPe,CAA3B;AAeA,IAAME,gBAAgB,GAAG;AACrBC,4BAA0B,EAAE;AACxBL,eAAW,EADa;AAExBM,WAAO,EAFiB;AAGxBC,UAAM,EAHkB;AAIxBC,SAAK,EAAE;AAJiB,GADP;AAOrBC,wBAAsB,EAAE;AACpBT,eAAW,EADS;AAEpBM,WAAO,EAFa;AAGpBC,UAAM,EAHc;AAIpBC,SAAK,EAAE;AAJa,GAPH;AAarBE,2BAAyB,EAAE;AACvBV,eAAW,EADY;AAEvBM,WAAO,EAFgB;AAGvBC,UAAM,EAHiB;AAIvBC,SAAK,EAAE;AAJgB,GAbN;AAmBrBG,uBAAqB,EAAE;AACnBX,eAAW,EADQ;AAEnBM,WAAO,EAFY;AAGnBC,UAAM,EAHa;AAInBC,SAAK,EAAE;AAJY,GAnBF;AAyBrBI,wBAAsB,EAAE;AACpBZ,eAAW,EADS;AAEpBM,WAAO,EAFa;AAGpBC,UAAM,EAHc;AAIpBC,SAAK,EAAE;AAJa,GAzBH;AA+BrBK,oBAAkB,EAAE;AAChBb,eAAW,EADK;AAEhBM,WAAO,EAFS;AAGhBC,UAAM,EAHU;AAIhBC,SAAK,EAAE;AAJS,GA/BC;AAqCrBM,uBAAqB,EAAE;AACnBd,eAAW,EADQ;AAEnBM,WAAO,EAFY;AAGnBC,UAAM,EAHa;AAInBC,SAAK,EAAE;AAJY,GArCF;AA2CrBO,mBAAiB,EAAE;AACff,eAAW,EADI;AAEfM,WAAO,EAFQ;AAGfC,UAAM,EAHS;AAIfC,SAAK,EAAE;AAJQ;AA3CE,CAAzB;;AAmDA,IAAMQ,SAAS,GAAG,SAAZA,SAAY,QAAS;AAAA,MACfC,mBADe,GAC4B7B,KAD5B;AAAA,MACc8B,SADd,GAC4B9B,KAD5B;;AAAA,kBAEyC+B,sDAAQ,CAFjD,EAEiD,CAFjD;AAAA;AAAA,MAEhBC,wBAFgB;AAAA,MAEUC,2BAFV;;AAAA,mBAGmBF,sDAAQ,CAACf,gBAAgB,CAH5C,0BAG2B,CAH3B;AAAA;AAAA,MAGhBkB,aAHgB;AAAA,MAGDC,gBAHC;;AAIvB,MAAMC,YAAY,GAAGC,uDAAS,CAJP,SAIO,CAA9B,CAJuB,CAKvB;AACA;;AACA,MAAI9B,yFAAO,CAACuB,SAAS,CAArB,wBAAqB,CAAV,CAAX,EAAkD;AAC9CM,gBAAY,CAAZA,wBAAY,CAAZA,GAAyC;AAAA;AAAzCA;AACH;;AACD,sBACI;AAAc,SAAK,EAAE;AAAEE,eAAS,EAAE,CAAC;AAAd;AAArB,kBACI,2DAAC,oEAAD,yBACI,2DAAC,oEAAD;AAAqB,QAAI,EAAE;AAA3B,kBACI;AAAS,SAAK,EAAE;AAAhB,KADJ,OACI,CADJ,eAEI;AAAQ,SAAK,EAAb;AAA8B,YAAQ,EAAE;AAAA,UAAMC,KAAN;AAAA,aAAkBJ,gBAAgB,CAAlC,KAAkC,CAAlC;AAAA;AAAxC,KACK,MAAM,CAAN,2BAAkC,mBAAO;AAAA,wBACtC,2DAAC,8DAAD;AACI,SAAG,EADP;AAEI,WAAK,EAAEnB,gBAAgB,CAAhBA,OAAgB,CAAhBA,CAFX;AAGI,WAAK,EAAEA,gBAAgB;AAH3B,MADsC;AAL1D,GAKiB,CADL,CAFJ,CADJ,CADJ,eAeI,2DAAC,oEAAD,yBACI,2DAAC,oEAAD;AAAqB,YAAQ,EAAE;AAAEwB,aAAO,EAAE;AAAX,KAA/B;AAAgD,QAAI,EAAE;AAAtD,kBACI;AAAS,SAAK,EAAE;AAAhB,KADJ,SACI,CADJ,eAEI;AACI,UAAM,EAAEN,aAAa,CADzB;AAEI,eAAW,EAAEA,aAAa,CAF9B;AAGI,WAAO,EAAEA,aAAa,CAAChB;AAH3B,KAKKW,mBAPT,EAEI,CAFJ,eASI;AAAS,QAAI,EAAC;AAAd,8FACiF,iEADjF,IACiF,CADjF,EAVR,sDAUQ,CATJ,CADJ,eAeI,2DAAC,oEAAD;AAAqB,YAAQ,EAAE;AAAEW,aAAO,EAAE;AAAX,KAA/B;AAAgD,QAAI,EAAE;AAAtD,kBACI;AAAS,SAAK,EAAE;AAAhB,KADJ,WACI,CADJ,EAEK,MAAM,CAAN,uBAA8B,kBAAU;AAAA;;AACrC,QAAMC,UAAU,GAAG,YAAY,CAAZ,MAAY,CAAZ,CAAqB;AACpCC,WAAK,EAAE;AAAEC,qBAAa,EAAEC,kDAAI,gBAAgB,CAAhB,OAAgB,CAAhB;AAArB;AAD6B,KAArB,CAAnB,CADqC,CAIrC;AACA;;AACA,QAAMC,qBAAqB,GACvB,qEAAoB,KAApB,4EAAoB,UAApB,0GAAoB,CAChBnC,kBADgB,SAChBA,sBADgB,WAChBA,GADgB,MAChBA,GADgB,yBAChBA,kBAAkB,CAAGwB,aAAa,CADlB,MACE,CADF,0DAChBxB,sBAA6CwB,aAAa,CAD9D,WACIxB,CADgB,CAApB,6FAPiC,UAMrC,CANqC,CAUrC;;AACA;;AACA,QAAI;AACAoC,YAAM,GAAG,qEAAOC,IAAI,CAAJA,MAAP,UAAOA,CAAP,MAATD;AADJ,MAEE,UAAU,CAdyB,EActB;;;AACf,WACI,wBACI;AACI,SAAG,EADP;AAEI,iBAAW,EAAE;AAAA,eAAMb,2BAA2B,CAAjC,MAAiC,CAAjC;AAFjB;AAGI,gBAAU,EAAE;AAAA,eAAMA,2BAA2B,CAAjC,EAAiC,CAAjC;AAAA;AAHhB,oBAKI;AACI,iBAAW,EAAEe,MAAM,KAAKhB;AAD5B,iBALJ,MAKI,EALJ,EAQKa,qBAAqB,iBAClB;AAAS,aAAO,EAAC;AAAjB,MATR,eAWI;AAAM,WAAK,EAAX;AAAoB,UAAI,EAAEJ;AAA1B,MAXJ,CAFR;AAhDpB,GAiCiB,CAFL,CAfJ,CAfJ,CADJ;AAVJ;;AAkFAb,SAAS,CAATA,YAAsB;AAClBqB,QAAM,EAAEzC,iDAAC,CAADA,OADU;AACW;AAC7BqB,qBAAmB,EAAErB,iDAAC,CAADA,KAAO0C;AAFV,CAAtBtB;AAKA,0E","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 = 66);\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(\"@babel/runtime/helpers/slicedToArray\");","module.exports = require(\"styled-components\");","module.exports = require(\"@splunk/visualization-themes/variables\");","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(\"@splunk/react-ui/Heading\");","/* 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":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"prop-types\"","webpack:///external \"@splunk/react-ui/ColumnLayout\"","webpack:///external \"@splunk/visualizations-shared/colorUtils\"","webpack:///external \"@babel/runtime/helpers/slicedToArray\"","webpack:///external \"styled-components\"","webpack:///external \"@splunk/visualization-themes/variables\"","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 \"@splunk/react-ui/Heading\"","webpack:///./src/common/ThemesDoc.jsx","webpack:///external \"@babel/runtime/helpers/typeof\""],"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 = 66);\n","module.exports = require(\"react\");","module.exports = require(\"prop-types\");","module.exports = require(\"@splunk/react-ui/ColumnLayout\");","module.exports = require(\"@splunk/visualizations-shared/colorUtils\");","module.exports = require(\"@babel/runtime/helpers/slicedToArray\");","module.exports = require(\"styled-components\");","module.exports = require(\"@splunk/visualization-themes/variables\");","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(\"@splunk/react-ui/Heading\");","/* 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","module.exports = require(\"@babel/runtime/helpers/typeof\");"],"sourceRoot":""}

package/common/chartingUtils.js

@@ -92,7 +92,7 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/toConsumableArray");
@@ -112,7 +112,7 @@ module.exports = require("lodash");
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(25);
+var _toConsumableArray = __webpack_require__(26);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -179,7 +179,7 @@ var truncateData = function truncateData(dataSet, truncationLimit) {
 
   var truncatedData = Object.assign({}, dataSet);
   truncatedData.columns = truncatedData.columns.map(function (columnData) {
-    return columnData.slice(0, limit);
+    return columnData && Array.isArray(columnData) ? columnData.slice(0, limit) : columnData;
   });
   return truncatedData;
 };

package/common/chartingUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"@babel/runtime/helpers/toConsumableArray\"","webpack:///external \"lodash\"","webpack:///./src/common/chartingUtils.ts"],"names":[],"mappings":"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","file":"chartingUtils.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 = 67);\n","module.exports = require(\"@babel/runtime/helpers/toConsumableArray\");","module.exports = require(\"lodash\");","import { has, isArray, isUndefined } from 'lodash';\nimport type { JsonColumnData } from './interfaces/DataSource';\n\ninterface ChartOptions {\n    [key: string]: any;\n}\n\n/**\n * Get formatted annotations\n * @method getAnnotations\n * @param {Object} options\n * @param {Array} options.annotationX\n * @param {Array} options.annotationColor\n * @param {Array} options.annotationLabel\n * @returns {Array}\n */\nexport const getAnnotations = ({ annotationX, annotationColor, annotationLabel }) =>\n    annotationX && annotationX.length\n        ? annotationX.map((timestamp, i) => ({\n              color: annotationColor && annotationColor[i],\n              label: annotationLabel && annotationLabel[i],\n              time: timestamp,\n          }))\n        : [];\n\n/**\n * Truncate the result set to given limit\n * @method truncateData\n * @param {Object} dataSet - dataSources.primary.data\n * @param {Number|String} truncationLimit - options['chart.resultTruncationLimit']\n * @returns {Object}\n */\nexport const truncateData = (dataSet, truncationLimit): Record<string, any[]> => {\n    if (!dataSet) {\n        return null;\n    }\n\n    const limit = parseInt(truncationLimit, 10);\n    if (!limit || limit <= 0) {\n        return dataSet;\n    }\n\n    const truncatedData: Record<string, Array<string[] | number[]>> = { ...dataSet };\n    truncatedData.columns = truncatedData.columns.map(columnData => columnData.slice(0, limit));\n    return truncatedData;\n};\n\n/**\n * Helper method to update the option values into the values that SC accepts\n * @method mapToValues\n * @param {Object} options\n * @returns {Object}\n */\nexport const mapToValues = (optionValuesSCMapping: Record<string, any>) => options => {\n    const convertedOptions: Record<string, any> = { ...options };\n    Object.keys(optionValuesSCMapping).forEach(key => {\n        if (has(options, key)) {\n            const updatedValue = optionValuesSCMapping[key][options[key]];\n            if (!isUndefined(updatedValue)) {\n                convertedOptions[key] = updatedValue;\n            }\n        }\n    });\n    return convertedOptions;\n};\n\ninterface y2AxisOptions extends ChartOptions {\n    y2Fields?: string | string[];\n}\n\n/**\n * Helper method to process options related to y2Fields\n * @method convertY2AxisOptions\n * @param {Object} originalOptions\n * @returns {Object}\n */\nexport const convertY2AxisOptions = ({\n    y2Fields,\n    ...originalOptions\n}: y2AxisOptions): Record<string, any> => {\n    const convertedOptions: Record<string, any> = {\n        ...originalOptions,\n    };\n    if (y2Fields) {\n        convertedOptions['axisY2.enabled'] = true;\n        convertedOptions['axisY2.fields'] = isArray(y2Fields)\n            ? y2Fields.filter(name => name).join(',')\n            : y2Fields;\n    }\n    return convertedOptions;\n};\n\n/**\n * Helper method to format value for overlayFields\n * @method convertOverlayFields\n * @param {Object} originalOptions\n * @returns {Object}\n */\nexport const convertOverlayFields = (originalOptions: ChartOptions): ChartOptions => {\n    const convertedOptions: ChartOptions = {\n        ...originalOptions,\n    };\n    const { overlayFields } = originalOptions;\n    if (overlayFields) {\n        convertedOptions.overlayFields = Array.isArray(overlayFields)\n            ? overlayFields\n                  .filter(field => field)\n                  .map(field => field.trim())\n                  .join(',')\n            : overlayFields;\n    }\n    return convertedOptions;\n};\n\n/**\n * checks whether data is multi series data\n * @param {array} data array\n * @return {Boolean}\n */\nexport const isMultiSeriesData = (data: string[] | string[][]): boolean =>\n    Array.isArray(data) && Array.isArray(data[0]);\n/**\n * checks whether data is multi series data and returns value as array\n * @param {array} data array\n * @param {*} value to return as array\n * @return {array}\n */\nexport const toArrayForSeries = (data, value): any[] => (isMultiSeriesData(data) ? value : [value]);\n\ninterface ConstructFieldsAndColumnsParams {\n    x: string[];\n    y: string[] | string[][];\n    xField: string;\n    yFields: string | string[];\n    y2?: string[] | string[][];\n    y2Fields?: string | string[];\n}\nexport const constructFieldsAndColumns = ({\n    x = [],\n    y = [],\n    xField,\n    yFields,\n    y2,\n    y2Fields,\n}: ConstructFieldsAndColumnsParams): JsonColumnData => {\n    const columns = [x.map(String), ...toArrayForSeries(y, y).map(series => series.map(String))];\n    const yFieldsArray = toArrayForSeries(y, yFields);\n    const fields = [{ name: xField }, ...yFieldsArray.map(field => ({ name: field }))];\n    // splunk-charting requires y2 to be part of columns\n    // when y & y2 options are configured with different (mutually exclusive) series\n    // y2 columns need to be added to columns\n    if (y2Fields) {\n        const y2FieldsArray = toArrayForSeries(y2, y2Fields);\n        const y2AsArray = toArrayForSeries(y2, y2).map(series => series?.map(String));\n        y2FieldsArray.forEach((y2Field, index) => {\n            if (yFieldsArray.indexOf(y2Field) === -1 && y2AsArray[index]) {\n                fields.push({\n                    name: y2Field,\n                });\n                columns.push(y2AsArray[index]);\n            }\n        });\n    }\n    return {\n        columns,\n        fields,\n    };\n};\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"@babel/runtime/helpers/toConsumableArray\"","webpack:///external \"lodash\"","webpack:///./src/common/chartingUtils.ts"],"names":[],"mappings":";;;;;;;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,qE;;;;;;;ACAA,mC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;AAOA;;;;;;;;AAQG;;;AACI,IAAM,cAAc,GAAG,SAAjB,cAAiB;AAAA,MAAG,WAAH,QAAG,WAAH;AAAA,MAAgB,eAAhB,QAAgB,eAAhB;AAAA,MAAiC,eAAjC,QAAiC,eAAjC;AAAA,SAC1B,WAAW,IAAI,WAAW,CAAC,MAA3B,GACM,WAAW,CAAC,GAAZ,CAAgB,UAAC,SAAD,EAAY,CAAZ;AAAA,WAAmB;AAC/B,WAAK,EAAE,eAAe,IAAI,eAAe,CAAC,CAAD,CADV;AAE/B,WAAK,EAAE,eAAe,IAAI,eAAe,CAAC,CAAD,CAFV;AAG/B,UAAI,EAAE;AAHyB,KAAnB;AAAA,GAAhB,CADN,GAMM,EAPoB;AAAA,CAAvB;;AAAM,yBAAc,cAAd;AASb;;;;;;AAMG;;AACI,IAAM,YAAY,GAAG,SAAf,YAAe,CAAC,OAAD,EAAU,eAAV,EAAoD;AAC5E,MAAI,CAAC,OAAL,EAAc;AACV,WAAO,IAAP;AACH;;AAED,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAD,EAAkB,EAAlB,CAAtB;;AACA,MAAI,CAAC,KAAD,IAAU,KAAK,IAAI,CAAvB,EAA0B;AACtB,WAAO,OAAP;AACH;;AAED,MAAM,aAAa,qBAAoD,OAApD,CAAnB;AACA,eAAa,CAAC,OAAd,GAAwB,aAAa,CAAC,OAAd,CAAsB,GAAtB,CAA0B,oBAAU;AAAA,WACxD,UAAU,IAAI,KAAK,CAAC,OAAN,CAAc,UAAd,CAAd,GAA0C,UAAU,CAAC,KAAX,CAAiB,CAAjB,EAAoB,KAApB,CAA1C,GAAuE,UADf;AAAA,GAApC,CAAxB;AAGA,SAAO,aAAP;AACH,CAfM;;AAAM,uBAAY,YAAZ;AAiBb;;;;;AAKG;;AACI,IAAM,WAAW,GAAG,SAAd,WAAc,CAAC,qBAAD;AAAA,SAAgD,iBAAO,EAAG;AACjF,QAAM,gBAAgB,qBAA6B,OAA7B,CAAtB;AACA,UAAM,CAAC,IAAP,CAAY,qBAAZ,EAAmC,OAAnC,CAA2C,aAAG,EAAG;AAC7C,UAAI,aAAI,OAAJ,EAAa,GAAb,CAAJ,EAAuB;AACnB,YAAM,YAAY,GAAG,qBAAqB,CAAC,GAAD,CAArB,CAA2B,OAAO,CAAC,GAAD,CAAlC,CAArB;;AACA,YAAI,CAAC,qBAAY,YAAZ,CAAL,EAAgC;AAC5B,0BAAgB,CAAC,GAAD,CAAhB,GAAwB,YAAxB;AACH;AACJ;AACJ,KAPD;AAQA,WAAO,gBAAP;AACH,GAX0B;AAAA,CAApB;;AAAM,sBAAW,WAAX;AAiBb;;;;;AAKG;;AACI,IAAM,oBAAoB,GAAG,SAAvB,oBAAuB,CAAC,EAAD,EAGK;AAHJ,MACjC,QADiC,GACzB,EADyB,CACjC,QADiC;AAAA,MAE9B,eAF8B,GAEf,WAFe,YAEf,CAFe;;AAIjC,MAAM,gBAAgB,qBACf,eADe,CAAtB;;AAGA,MAAI,QAAJ,EAAc;AACV,oBAAgB,CAAC,gBAAD,CAAhB,GAAqC,IAArC;AACA,oBAAgB,CAAC,eAAD,CAAhB,GAAoC,iBAAQ,QAAR,IAC9B,QAAQ,CAAC,MAAT,CAAgB,cAAI;AAAA,aAAI,IAAJ;AAAA,KAApB,EAA8B,IAA9B,CAAmC,GAAnC,CAD8B,GAE9B,QAFN;AAGH;;AACD,SAAO,gBAAP;AACH,CAdM;;AAAM,+BAAoB,oBAApB;AAgBb;;;;;AAKG;;AACI,IAAM,oBAAoB,GAAG,SAAvB,oBAAuB,CAAC,eAAD,EAAgD;AAChF,MAAM,gBAAgB,qBACf,eADe,CAAtB;AADgF,MAIxE,aAJwE,GAItD,eAJsD,CAIxE,aAJwE;;AAKhF,MAAI,aAAJ,EAAmB;AACf,oBAAgB,CAAC,aAAjB,GAAiC,KAAK,CAAC,OAAN,CAAc,aAAd,IAC3B,aAAa,CACR,MADL,CACY,eAAK;AAAA,aAAI,KAAJ;AAAA,KADjB,EAEK,GAFL,CAES,eAAK;AAAA,aAAI,KAAK,CAAC,IAAN,EAAJ;AAAA,KAFd,EAGK,IAHL,CAGU,GAHV,CAD2B,GAK3B,aALN;AAMH;;AACD,SAAO,gBAAP;AACH,CAdM;;AAAM,+BAAoB,oBAApB;AAgBb;;;;AAIG;;AACI,IAAM,iBAAiB,GAAG,SAApB,iBAAoB,CAAC,IAAD;AAAA,SAC7B,KAAK,CAAC,OAAN,CAAc,IAAd,KAAuB,KAAK,CAAC,OAAN,CAAc,IAAI,CAAC,CAAD,CAAlB,CADM;AAAA,CAA1B;;AAAM,4BAAiB,iBAAjB;AAEb;;;;;AAKG;;AACI,IAAM,gBAAgB,GAAG,SAAnB,gBAAmB,CAAC,IAAD,EAAO,KAAP;AAAA,SAAyB,0BAAkB,IAAlB,IAA0B,KAA1B,GAAkC,CAAC,KAAD,CAA3D;AAAA,CAAzB;;AAAM,2BAAgB,gBAAhB;;AAUN,IAAM,yBAAyB,GAAG,SAA5B,yBAA4B,QAOa;AAAA,sBANlD,CAMkD;AAAA,MANlD,CAMkD,wBAN9C,EAM8C;AAAA,sBALlD,CAKkD;AAAA,MALlD,CAKkD,wBAL9C,EAK8C;AAAA,MAJlD,MAIkD,SAJlD,MAIkD;AAAA,MAHlD,OAGkD,SAHlD,OAGkD;AAAA,MAFlD,EAEkD,SAFlD,EAEkD;AAAA,MADlD,QACkD,SADlD,QACkD;AAClD,MAAM,OAAO,IAAI,CAAC,CAAC,GAAF,CAAM,MAAN,CAAJ,4BAAsB,yBAAiB,CAAjB,EAAoB,CAApB,EAAuB,GAAvB,CAA2B,gBAAM;AAAA,WAAI,MAAM,CAAC,GAAP,CAAW,MAAX,CAAJ;AAAA,GAAjC,CAAtB,EAAb;AACA,MAAM,YAAY,GAAG,yBAAiB,CAAjB,EAAoB,OAApB,CAArB;AACA,MAAM,MAAM,IAAI;AAAE,QAAI,EAAE;AAAR,GAAJ,4BAAyB,YAAY,CAAC,GAAb,CAAiB,eAAK;AAAA,WAAK;AAAE,UAAI,EAAE;AAAR,KAAL;AAAA,GAAtB,CAAzB,EAAZ,CAHkD,CAIlD;AACA;AACA;;AACA,MAAI,QAAJ,EAAc;AACV,QAAM,aAAa,GAAG,yBAAiB,EAAjB,EAAqB,QAArB,CAAtB;AACA,QAAM,SAAS,GAAG,yBAAiB,EAAjB,EAAqB,EAArB,EAAyB,GAAzB,CAA6B,gBAAM;AAAA,aAAI,MAAM,SAAN,UAAM,WAAN,GAAM,MAAN,SAAM,CAAE,GAAR,CAAY,MAAZ,CAAJ;AAAA,KAAnC,CAAlB;AACA,iBAAa,CAAC,OAAd,CAAsB,UAAC,OAAD,EAAU,KAAV,EAAmB;AACrC,UAAI,YAAY,CAAC,OAAb,CAAqB,OAArB,MAAkC,CAAC,CAAnC,IAAwC,SAAS,CAAC,KAAD,CAArD,EAA8D;AAC1D,cAAM,CAAC,IAAP,CAAY;AACR,cAAI,EAAE;AADE,SAAZ;AAGA,eAAO,CAAC,IAAR,CAAa,SAAS,CAAC,KAAD,CAAtB;AACH;AACJ,KAPD;AAQH;;AACD,SAAO;AACH,WAAO,EAAP,OADG;AAEH,UAAM,EAAN;AAFG,GAAP;AAIH,CA9BM;;AAAM,oCAAyB,yBAAzB,C","file":"chartingUtils.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 = 67);\n","module.exports = require(\"@babel/runtime/helpers/toConsumableArray\");","module.exports = require(\"lodash\");","import { has, isArray, isUndefined } from 'lodash';\nimport type { JsonColumnData } from './interfaces/DataSource';\n\ninterface ChartOptions {\n    [key: string]: any;\n}\n\n/**\n * Get formatted annotations\n * @method getAnnotations\n * @param {Object} options\n * @param {Array} options.annotationX\n * @param {Array} options.annotationColor\n * @param {Array} options.annotationLabel\n * @returns {Array}\n */\nexport const getAnnotations = ({ annotationX, annotationColor, annotationLabel }) =>\n    annotationX && annotationX.length\n        ? annotationX.map((timestamp, i) => ({\n              color: annotationColor && annotationColor[i],\n              label: annotationLabel && annotationLabel[i],\n              time: timestamp,\n          }))\n        : [];\n\n/**\n * Truncate the result set to given limit\n * @method truncateData\n * @param {Object} dataSet - dataSources.primary.data\n * @param {Number|String} truncationLimit - options['chart.resultTruncationLimit']\n * @returns {Object}\n */\nexport const truncateData = (dataSet, truncationLimit): Record<string, any[]> => {\n    if (!dataSet) {\n        return null;\n    }\n\n    const limit = parseInt(truncationLimit, 10);\n    if (!limit || limit <= 0) {\n        return dataSet;\n    }\n\n    const truncatedData: Record<string, Array<string[] | number[]>> = { ...dataSet };\n    truncatedData.columns = truncatedData.columns.map(columnData =>\n        columnData && Array.isArray(columnData) ? columnData.slice(0, limit) : columnData\n    );\n    return truncatedData;\n};\n\n/**\n * Helper method to update the option values into the values that SC accepts\n * @method mapToValues\n * @param {Object} options\n * @returns {Object}\n */\nexport const mapToValues = (optionValuesSCMapping: Record<string, any>) => options => {\n    const convertedOptions: Record<string, any> = { ...options };\n    Object.keys(optionValuesSCMapping).forEach(key => {\n        if (has(options, key)) {\n            const updatedValue = optionValuesSCMapping[key][options[key]];\n            if (!isUndefined(updatedValue)) {\n                convertedOptions[key] = updatedValue;\n            }\n        }\n    });\n    return convertedOptions;\n};\n\ninterface y2AxisOptions extends ChartOptions {\n    y2Fields?: string | string[];\n}\n\n/**\n * Helper method to process options related to y2Fields\n * @method convertY2AxisOptions\n * @param {Object} originalOptions\n * @returns {Object}\n */\nexport const convertY2AxisOptions = ({\n    y2Fields,\n    ...originalOptions\n}: y2AxisOptions): Record<string, any> => {\n    const convertedOptions: Record<string, any> = {\n        ...originalOptions,\n    };\n    if (y2Fields) {\n        convertedOptions['axisY2.enabled'] = true;\n        convertedOptions['axisY2.fields'] = isArray(y2Fields)\n            ? y2Fields.filter(name => name).join(',')\n            : y2Fields;\n    }\n    return convertedOptions;\n};\n\n/**\n * Helper method to format value for overlayFields\n * @method convertOverlayFields\n * @param {Object} originalOptions\n * @returns {Object}\n */\nexport const convertOverlayFields = (originalOptions: ChartOptions): ChartOptions => {\n    const convertedOptions: ChartOptions = {\n        ...originalOptions,\n    };\n    const { overlayFields } = originalOptions;\n    if (overlayFields) {\n        convertedOptions.overlayFields = Array.isArray(overlayFields)\n            ? overlayFields\n                  .filter(field => field)\n                  .map(field => field.trim())\n                  .join(',')\n            : overlayFields;\n    }\n    return convertedOptions;\n};\n\n/**\n * checks whether data is multi series data\n * @param {array} data array\n * @return {Boolean}\n */\nexport const isMultiSeriesData = (data: string[] | string[][]): boolean =>\n    Array.isArray(data) && Array.isArray(data[0]);\n/**\n * checks whether data is multi series data and returns value as array\n * @param {array} data array\n * @param {*} value to return as array\n * @return {array}\n */\nexport const toArrayForSeries = (data, value): any[] => (isMultiSeriesData(data) ? value : [value]);\n\ninterface ConstructFieldsAndColumnsParams {\n    x: string[];\n    y: string[] | string[][];\n    xField: string;\n    yFields: string | string[];\n    y2?: string[] | string[][];\n    y2Fields?: string | string[];\n}\nexport const constructFieldsAndColumns = ({\n    x = [],\n    y = [],\n    xField,\n    yFields,\n    y2,\n    y2Fields,\n}: ConstructFieldsAndColumnsParams): JsonColumnData => {\n    const columns = [x.map(String), ...toArrayForSeries(y, y).map(series => series.map(String))];\n    const yFieldsArray = toArrayForSeries(y, yFields);\n    const fields = [{ name: xField }, ...yFieldsArray.map(field => ({ name: field }))];\n    // splunk-charting requires y2 to be part of columns\n    // when y & y2 options are configured with different (mutually exclusive) series\n    // y2 columns need to be added to columns\n    if (y2Fields) {\n        const y2FieldsArray = toArrayForSeries(y2, y2Fields);\n        const y2AsArray = toArrayForSeries(y2, y2).map(series => series?.map(String));\n        y2FieldsArray.forEach((y2Field, index) => {\n            if (yFieldsArray.indexOf(y2Field) === -1 && y2AsArray[index]) {\n                fields.push({\n                    name: y2Field,\n                });\n                columns.push(y2AsArray[index]);\n            }\n        });\n    }\n    return {\n        columns,\n        fields,\n    };\n};\n"],"sourceRoot":""}

package/common/gaugeUtils.js

@@ -92,7 +92,7 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/toConsumableArray");
@@ -119,7 +119,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(25);
+var _toConsumableArray = __webpack_require__(26);
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/common/shapeUtils.js

@@ -99,7 +99,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 26:
+/***/ 27:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/variables");
@@ -130,7 +130,7 @@ var styled_components_1 = __webpack_require__(2);
 
 var pick_1 = __webpack_require__(73);
 
-var variables_1 = __webpack_require__(26);
+var variables_1 = __webpack_require__(27);
 
 var propUtils_1 = __webpack_require__(74); // map for new options names to old option names
 

package/common/withDashboardViz.js

@@ -140,21 +140,21 @@ module.exports = require("@splunk/ui-utils/i18n");
 module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
-/* 9 */,
-/* 10 */,
-/* 11 */
+/* 9 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
-/* 12 */
+/* 10 */,
+/* 11 */,
+/* 12 */,
+/* 13 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/colorUtils");
 
 /***/ }),
-/* 13 */,
 /* 14 */,
 /* 15 */,
 /* 16 */,
@@ -206,11 +206,17 @@ var VizBehavior;
 /* 21 */
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/visualization-context/TimezoneContext");
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
-/* 22 */,
-/* 23 */
+/* 23 */,
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -228,7 +234,7 @@ var T = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var VizActionHandler_1 = __webpack_require__(24); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(25); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -361,7 +367,7 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -398,20 +404,20 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
-/* 25 */,
-/* 26 */
+/* 26 */,
+/* 27 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/variables");
 
 /***/ }),
-/* 27 */
+/* 28 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(11);
+var _typeof = __webpack_require__(9);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -533,10 +539,10 @@ var findClosestMatchFromDefaultList = function findClosestMatchFromDefaultList(s
 exports.findClosestMatchFromDefaultList = findClosestMatchFromDefaultList;
 
 /***/ }),
-/* 28 */,
 /* 29 */,
 /* 30 */,
-/* 31 */
+/* 31 */,
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -550,11 +556,11 @@ var React = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(2);
 
-var SizeAwareWrapper_1 = __webpack_require__(85);
+var SizeAwareWrapper_1 = __webpack_require__(86);
 
-var style_1 = __webpack_require__(21);
+var style_1 = __webpack_require__(22);
 
-var colorUtils_1 = __webpack_require__(12);
+var colorUtils_1 = __webpack_require__(13);
 
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
@@ -611,7 +617,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.4.0 - 98920928c",
+      "data-splunk-visualization-version": "24.5.0 - b75bfbe79",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -632,7 +638,6 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 exports.default = withFixedSizeContainer;
 
 /***/ }),
-/* 32 */,
 /* 33 */,
 /* 34 */,
 /* 35 */,
@@ -695,27 +700,31 @@ var Options_1 = __webpack_require__(77);
 
 var SanitizeProps_1 = __webpack_require__(78);
 
+var TimezoneContext_1 = __webpack_require__(21);
+
+var moment_1 = __webpack_require__(79);
+
 var styled_components_1 = __webpack_require__(2);
 
-var SplunkVisualization_1 = __webpack_require__(23);
+var SplunkVisualization_1 = __webpack_require__(24);
 
 var VizBehavior_1 = __webpack_require__(19);
 
-var getSorting_1 = __webpack_require__(79);
+var getSorting_1 = __webpack_require__(80);
 
-var getPagination_1 = __webpack_require__(81);
+var getPagination_1 = __webpack_require__(82);
 
-var useDeepMemo_1 = __webpack_require__(82);
+var useDeepMemo_1 = __webpack_require__(83);
 
-var JSONSchemaUtils_1 = __webpack_require__(83);
+var JSONSchemaUtils_1 = __webpack_require__(84);
 
-var MissingPropsMessage_1 = __webpack_require__(84);
+var MissingPropsMessage_1 = __webpack_require__(85);
 
-var withEditModeCover_1 = __webpack_require__(86);
+var withEditModeCover_1 = __webpack_require__(87);
 
-var withPlaceholder_1 = __webpack_require__(87);
+var withPlaceholder_1 = __webpack_require__(88);
 
-var hocUtils_1 = __webpack_require__(27);
+var hocUtils_1 = __webpack_require__(28);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -748,6 +757,23 @@ var withDashboardViz = function withDashboardViz(opts) {
         theme = props.theme,
         onRequestParamsChange = props.onRequestParamsChange;
 
+    var _React$useContext = React.useContext(TimezoneContext_1.default),
+        serializedTimezone = _React$useContext.serializedTimezone;
+
+    if (serializedTimezone) {
+      /*
+          @splunk/moment currently does not allow us to customize the timezone on a per visualization basis.
+          This ensures that if a timezone was provided via TimezoneContext @splunk/moment time formatting
+           will use it.
+           @TODO(pwied):
+           - remove when we moved away from @splunk/moment
+           - provide timezone context to dynamic option evaluation phase
+      */
+      if (!moment_1.default.getDefaultSplunkTimezone()) {
+        moment_1.default.setDefaultSplunkTimezone(serializedTimezone);
+      }
+    }
+
     var themeFunc = function themeFunc(themeVar) {
       var _a, _b;
 
@@ -776,7 +802,7 @@ var withDashboardViz = function withDashboardViz(opts) {
         console.error("unexpected error evaluating options:  + ".concat(e.message));
         return {};
       }
-    }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources]); // useEffect hook needs to be initialized before any early returns
+    }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone]); // useEffect hook needs to be initialized before any early returns
     // this is in accordance with the order of hook calls being the same on each render https://reactjs.org/docs/hooks-rules.html#explanation
 
     React.useEffect(function () {
@@ -918,6 +944,12 @@ module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
 /* 79 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/moment");
+
+/***/ }),
+/* 80 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -934,7 +966,7 @@ var T = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var DataSource_1 = __webpack_require__(80);
+var DataSource_1 = __webpack_require__(81);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -987,7 +1019,7 @@ var getSortingParams = function getSortingParams(_ref) {
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
-/* 80 */
+/* 81 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1000,7 +1032,7 @@ exports.validSortDirs = void 0;
 exports.validSortDirs = ['asc', 'desc', 'none'];
 
 /***/ }),
-/* 81 */
+/* 82 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1064,7 +1096,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 82 */
+/* 83 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1109,7 +1141,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
-/* 83 */
+/* 84 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1142,7 +1174,7 @@ var pickFieldFromJSONSchema = function pickFieldFromJSONSchema(optionsSchema) {
 exports.pickFieldFromJSONSchema = pickFieldFromJSONSchema;
 
 /***/ }),
-/* 84 */
+/* 85 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1161,7 +1193,7 @@ var i18n_1 = __webpack_require__(7);
 
 var Message_1 = __webpack_require__(18);
 
-var FixedSizeContainer_1 = __webpack_require__(31);
+var FixedSizeContainer_1 = __webpack_require__(32);
 /**
  * @method isMissing
  * @param {any} v
@@ -1222,13 +1254,13 @@ exports.MissingPropsMessage.defaultProps = {
 exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
-/* 85 */
+/* 86 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
-/* 86 */
+/* 87 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1242,14 +1274,14 @@ var React = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(2);
 
-var hocUtils_1 = __webpack_require__(27);
+var hocUtils_1 = __webpack_require__(28);
 
 var Cover = styled_components_1.default.div.withConfig({
   displayName: "withEditModeCover__Cover",
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.4.0 - 98920928c"
+  'data-splunk-visualization-version': "24.5.0 - b75bfbe79"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1280,7 +1312,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
 exports.default = withEditModeCover;
 
 /***/ }),
-/* 87 */
+/* 88 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1292,15 +1324,15 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(0);
 
-var colorUtils_1 = __webpack_require__(12);
+var colorUtils_1 = __webpack_require__(13);
 
-var variables_1 = __webpack_require__(26);
+var variables_1 = __webpack_require__(27);
 
-var IconPlaceholder_1 = __webpack_require__(88);
+var IconPlaceholder_1 = __webpack_require__(89);
 
 var VizBehavior_1 = __webpack_require__(19);
 
-var hocUtils_1 = __webpack_require__(27);
+var hocUtils_1 = __webpack_require__(28);
 
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
@@ -1344,7 +1376,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 88 */
+/* 89 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1365,7 +1397,7 @@ var i18n_1 = __webpack_require__(7);
 
 var Message_1 = __webpack_require__(18);
 
-var FixedSizeContainer_1 = __webpack_require__(31);
+var FixedSizeContainer_1 = __webpack_require__(32);
 /**
  * @method shouldShowIconPlaceholder
  * @param {object} dataSources