@splunk/visualizations 28.3.0 → 28.4.0

package/common/ThemesDoc.js.map

@@ -1,7 +1,7 @@
 {
   "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.\n                        <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: {\n                                splunkThemeV1: omit(selectedTheme, ['label']),\n                            },\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 highlighted={varKey === highlightedThemeVariable}>\n                                        {`${varKey}`}\n                                    </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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",
+  "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    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.\n                        <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: {\n                                splunkThemeV1: omit(selectedTheme, ['label']),\n                            },\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 highlighted={varKey === highlightedThemeVariable}>\n                                        {`${varKey}`}\n                                    </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,\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/TimeSeriesChartWrapper.d.ts

@@ -1,18 +1,31 @@
 import * as React from 'react';
 import { ChartingProps } from './Charting';
-export declare const handleClick: (chartEvent: any, onClick: any) => void;
-export declare const handleLegendClick: (chartEvent: any, onClick: any) => void;
-export declare const handleCrosshairChange: (chartEvent: any, onPointMouseOver: any, onPointMouseOut: any, lastPayload?: any, lastOriginalEvent?: any) => {
-    payload: {
-        name: any;
-        time: any;
-        value: any;
-        seriesKey: any;
-        index: any;
-        seriesIndex: any;
-    };
+/**
+ * Adds trellis information to event payload
+ * @param payload - The event payload object to modify
+ * @param trellisKey - The current trellis key value (e.g., "200", "404")
+ * @param trellisSplitBy - The field name being split by (e.g., "status")
+ */
+export declare const appendTrellisToPayload: (payload: Record<string, unknown>, trellisKey?: string, trellisSplitBy?: string) => Record<string, unknown>;
+/**
+ * Checks if the mouseover payload has changed compared to the previous payload
+ * @param currentPayload - The current event payload
+ * @param previousPayload - The previous event payload
+ * @returns true if the payload has changed, false otherwise
+ */
+export declare const hasMouseoverPayloadChanged: (currentPayload: Record<string, unknown>, previousPayload: Record<string, unknown> | null) => boolean;
+export declare const handleClick: (chartEvent: any, onClick: any, trellisKey?: string, trellisSplitBy?: string) => void;
+export declare const handleLegendClick: (chartEvent: any, onClick: any, trellisKey?: string, trellisSplitBy?: string) => void;
+export declare const handleRangeSelection: (rangeEvent: any, onSelect: any, chartData: any, trellisKey?: string, trellisSplitBy?: string) => void;
+export declare const handleRangeZoom: (rangeEvent: any, onSelect: any, chartData: any, trellisKey?: string, trellisSplitBy?: string) => void;
+export declare const handleCrosshairChange: (chartEvent: any, onPointMouseOver: any, onPointMouseOut: any, trellisKey?: string, trellisSplitBy?: string, lastPayload?: any, lastOriginalEvent?: any) => {
+    payload: Record<string, unknown>;
     originalEvent: any;
 };
+/**
+ * Helper function to parse array options that may be stringified JSON or already arrays
+ */
+export declare const parseArrayOption: (value: string[] | string | undefined | null) => string[] | undefined | null;
 declare const TimeSeriesChartWrapper: (props: ChartingProps) => React.JSX.Element;
 export default TimeSeriesChartWrapper;
 //# sourceMappingURL=TimeSeriesChartWrapper.d.ts.map

package/common/TimeSeriesChartWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeSeriesChartWrapper.d.ts","sourceRoot":"","sources":["../src/common/TimeSeriesChartWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AA6B3C,eAAO,MAAM,WAAW,GAAI,eAAU,EAAE,YAAO,SAqB9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,eAAU,EAAE,YAAO,SAWpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAC9B,eAAU,EACV,qBAAgB,EAChB,oBAAe,EACf,iBAAkB,EAClB,uBAAwB;;;;;;;;;;CAsC3B,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,OAAO,aAAa,sBA0PnD,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"TimeSeriesChartWrapper.d.ts","sourceRoot":"","sources":["../src/common/TimeSeriesChartWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAkC3C;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAC/B,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,aAAa,MAAM,EACnB,iBAAiB,MAAM,KACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CASxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GACnC,gBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvC,iBAAiB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,KAChD,OAwBF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAU,EAAE,YAAO,EAAE,aAAa,MAAM,EAAE,iBAAiB,MAAM,SA2B5F,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,eAAU,EAAE,YAAO,EAAE,aAAa,MAAM,EAAE,iBAAiB,MAAM,SAclG,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC7B,eAAU,EACV,aAAQ,EACR,cAAS,EACT,aAAa,MAAM,EACnB,iBAAiB,MAAM,SA2B1B,CAAC;AAEF,eAAO,MAAM,eAAe,GACxB,eAAU,EACV,aAAQ,EACR,cAAS,EACT,aAAa,MAAM,EACnB,iBAAiB,MAAM,SAsB1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAC9B,eAAU,EACV,qBAAgB,EAChB,oBAAe,EACf,aAAa,MAAM,EACnB,iBAAiB,MAAM,EACvB,iBAAkB,EAClB,uBAAwB;;;CA4C3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GACzB,OAAO,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,KAC5C,MAAM,EAAE,GAAG,SAAS,GAAG,IAQzB,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,OAAO,aAAa,sBA2fnD,CAAC;AAEF,eAAe,sBAAsB,CAAC"}