@splunk/visualizations 28.3.0 → 28.4.0

package/common/Charting.d.ts

@@ -31,6 +31,7 @@ export interface ChartingProps {
     yFields?: string[];
     y2Fields?: string[];
     additionalTooltipFields?: string[];
+    additionalTooltipValues?: Record<string, string | number | null>[];
     splitByLayout?: LAYOUT_TYPE;
     trellisKey?: string;
     trellisSplitBy?: string;
@@ -42,6 +43,10 @@ export interface ChartingProps {
     annotationColor?: string[];
     legendDisplay?: 'left' | 'right' | 'top' | 'bottom' | 'off';
     markerDisplay?: 'off' | 'filled' | 'outlined';
+    eventHandlers?: Array<{
+        type: string;
+        options: Record<string, any>;
+    }>;
 }
 declare const ChartingWrapper: React.FC<ChartingProps>;
 export default ChartingWrapper;

package/common/Charting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Charting.d.ts","sourceRoot":"","sources":["../src/common/Charting.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Charting.d.ts","sourceRoot":"","sources":["../src/common/Charting.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,oCAAoC,CAAC;AAQ5C,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAI5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,eAAO,MAAM,gBAAgB,UAM5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAC/B,OAAO,aAAa,EACpB,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACjC,MAAM,CAAC,MAAM,EAAE,OAAO,CAUxB,CAAC;AAEF,eAAO,MAAM,cAAc,GACvB,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnC,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACrC,MAAM,EAOA,CAAC;AAEV,eAAO,MAAM,gBAAgB,GACzB,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnC,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACrC,OAUF,CAAC;AAIF,eAAO,MAAM,gBAAgB,GACzB,sBAAsB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7C,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACjC,MAAM,CAAC,MAAM,EAAE,OAAO,CAOxB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAsBD,MAAM,WAAW,aAAa;IAE1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE/B,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC5C,eAAe,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAGxD,6BAA6B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC;IAEnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IAEpB,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnC,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IACnE,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC5D,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IAE9C,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,CAAC,CAAC;CACzE;AAwYD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAY5C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/common/Charting.js

@@ -400,6 +400,7 @@ var Charting = (props) => {
   const timezone = (0, react_exports.useContext)(TimezoneContext_default);
   const selectChartEvent = (0, react_exports.useRef)(null);
   const trellisEnabled = useTrellisEnabled(props.splitByLayout);
+  const isResizing = (0, react_exports.useRef)(false);
   const drawChartRef = (0, react_exports.useRef)(() => {
   });
   const debouncedDrawChart = (0, react_exports.useMemo)(
@@ -498,6 +499,9 @@ var Charting = (props) => {
     recalculateDownsamplingThreshold();
   }, [recalculateDownsamplingThreshold]);
   const handleSelect = useEventCallback_default((chartEvent) => {
+    if (isResizing.current) {
+      return;
+    }
     selectChartEvent.current = chartEvent;
     recalculateDownsamplingThreshold();
     const payload = appendTrellisToPayload(
@@ -632,6 +636,14 @@ var Charting = (props) => {
       }
       if (chart.current) {
         if (Math.round(chart.current.height) !== Math.round(computedHeight) || Math.round(chart.current.width) !== Math.round(computedWidth)) {
+          isResizing.current = true;
+          queueMicrotask(() => {
+            try {
+              isResizing.current = false;
+            } catch (e) {
+              (0, lodash_exports.noop)(e);
+            }
+          });
           chart.current.resize(computedWidth, computedHeight);
         }
       }

package/common/Charting.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/common/Charting.tsx", "esm-externals:lodash", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/visualization-color-palettes", "esm-externals:react", "esm-externals:@splunk/visualizations-shared/i18n", "esm-externals:@splunk/charting-bundle", "esm-externals:@splunk/visualization-context/TimezoneContext", "esm-externals:@splunk/visualizations-shared/style", "esm-externals:styled-components", "esm-externals:@splunk/visualizations-shared/Message", "esm-externals:@splunk/themes/useSplunkTheme", "esm-externals:@splunk/visualizations-shared/themeUtils", "../src/common/ChartingApi.ts", "../src/common/hooks/usePrevious.ts", "../src/common/hooks/useEventCallback.tsx", "esm-externals:@splunk/visualizations-shared/numberUtils", "../src/common/utils/dataUtils.ts", "esm-externals:@splunk/visualization-context/FeatureFlagContext", "esm-externals:@splunk/visualization-schemas", "../src/common/hooks/useTrellisEnabled.ts", "../src/common/components/TrellisTitle.tsx"],
-  "sourcesContent": ["/* eslint-disable react/no-unused-prop-types */\nimport { pick, debounce, noop } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport * as React from 'react';\nimport { useContext, useEffect, useMemo, useRef } from 'react';\nimport '@splunk/visualizations-shared/i18n'; // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions\nimport jsCharting from '@splunk/charting-bundle';\nimport TimezoneContext, { TimezoneContextInterface } from '@splunk/visualization-context/TimezoneContext';\nimport { toDimension } from '@splunk/visualizations-shared/style';\nimport styled from 'styled-components';\nimport Message from '@splunk/visualizations-shared/Message';\nimport useSplunkTheme from '@splunk/themes/useSplunkTheme';\nimport { getChartingThemeKey } from '@splunk/visualizations-shared/themeUtils';\nimport { LAYOUT_TYPE } from '@splunk/visualization-schemas';\nimport { ChartingApiFunctional } from './ChartingApi';\nimport usePrevious from './hooks/usePrevious';\nimport useEventCallback from './hooks/useEventCallback';\nimport { DataSource } from './interfaces';\nimport { calculateDownsamplingThreshold } from './utils/dataUtils';\nimport type { ChartEvent } from './interfaces/ChartEvent';\nimport { useTrellisEnabled } from './hooks/useTrellisEnabled';\nimport { TrellisTitle, TRELLIS_TITLE_HEIGHT } from './components/TrellisTitle';\n\nexport const NO_INPLACE_PROPS = [\n    'chart',\n    'chart.orientation',\n    'layout.splitSeries',\n    'chart.style',\n    'legend.placement',\n];\n\nexport const appendTrellisToPayload = (\n    props: ChartingProps,\n    payload: Record<string, unknown>\n): Record<string, unknown> => {\n    if (props.trellisSplitBy) {\n        // eslint-disable-next-line no-param-reassign\n        payload['trellis.name'] = props.trellisSplitBy;\n    }\n    if (props.trellisKey) {\n        // eslint-disable-next-line no-param-reassign\n        payload['trellis.value'] = props.trellisKey;\n    }\n    return payload;\n};\n\nexport const changedOptions = (\n    curOptions: Record<string, unknown>,\n    nextOptions: Record<string, unknown>\n): string[] =>\n    Object.keys(curOptions)\n        .filter(key => !(key in nextOptions))\n        .concat(\n            Object.keys(nextOptions).filter(\n                key => !(key in curOptions) || curOptions[key] !== nextOptions[key]\n            )\n        );\n\nexport const canUpdateInPlace = (\n    curOptions: Record<string, unknown>,\n    nextOptions: Record<string, unknown>\n): boolean => {\n    // if either of the options are undefined\n    // it cannot update in place.\n    if (!curOptions || !nextOptions) {\n        return false;\n    }\n    return (\n        !NO_INPLACE_PROPS.some(p => curOptions[p] !== nextOptions[p]) &&\n        !changedOptions(curOptions, nextOptions).some(p => p.toLowerCase().endsWith('color'))\n    );\n};\n\n// create 'row' payloads from 'rowContext' in the flattened format:\n// row.<fieldname>.value\nexport const updateRowPayload = (\n    chartEventRowContext: Record<string, unknown>,\n    payload: Record<string, unknown>\n): Record<string, unknown> => {\n    Object.keys(chartEventRowContext || {}).forEach(key => {\n        // eslint-disable-next-line no-param-reassign\n        payload[`${key}.value`] = chartEventRowContext[key];\n    });\n\n    return payload;\n};\n\nexport interface ContainerProps {\n    width: string | number;\n    height: string | number;\n}\n\nenum VizChartEventType {\n    POINT_CLICK = 'point.click',\n    POINT_MOUSE_OUT = 'point.mouseout',\n    POINT_MOUSE_OVER = 'point.mouseover',\n    LEGEND_CLICK = 'legend.click',\n}\n\n// @TODO(pwied): remove after HC upgrade to 8+\n// .highcharts-a11y-proxy-container rule addresses a HighCharts < 8 bug\n// caused by the accessibility plugin\n// https://github.com/highcharts/highcharts/issues/12883\nconst ChartingContainer = styled.div.attrs((props: ContainerProps) => ({\n    'data-test': 'charting-container',\n    width: props.width,\n    height: props.height,\n}))`\n    & .highcharts-a11y-proxy-container {\n        pointer-events: none;\n    }\n    overflow: hidden;\n    position: relative;\n    ${props => toDimension(pick(props, ['width', 'height']))};\n`;\n\nexport interface ChartingProps {\n    // width in pixel or string, defaults to 100%\n    width: string | number;\n    // height in pixel or string\n    height: string | number;\n    // visualization formatting options\n    options?: Record<string, any>;\n    // charting dataset from jsCharting.extractChartReadyData\n    chartData: Record<string, any>;\n    // callbacks to trigger event\n    onEventTrigger?: (...args: any[]) => void;\n    onSelect?: (...args: any[]) => void;\n    onClick?: (...args: any[]) => void;\n    onPointMouseOver?: (...args: any[]) => void;\n    onPointMouseOut?: (...args: any[]) => void;\n    // Custom style on visualization\n    style?: Record<string, unknown>;\n    colorPalette?: Array<string>;\n    visualizationApiRef?: (...args: any[]) => void;\n    themeKey?: string;\n    // The non-downsampled data sources used by this chart. Passed in if downsampling\n    // is enabled for this chart.\n    originalDataSources?: Record<string, DataSource> | null;\n    // Callback for when downsampling threshold changes. Passed in if downsampling\n    // is enabled for this chart.\n    onDownsamplingThresholdChange?: (threshold: number) => void | null;\n    // The xField for this chart if it is an axis chart\n    xField?: string;\n    // The yFields for this chart if it is an axis chart\n    yFields?: string[];\n    // The y2Fields for this chart if it is specified and it is an axis chart\n    y2Fields?: string[];\n    // The additional tooltip fields for this chart if it is specified and it is an axis chart\n    additionalTooltipFields?: string[];\n    splitByLayout?: LAYOUT_TYPE;\n    trellisKey?: string;\n    trellisSplitBy?: string;\n    backgroundColor?: string;\n    defaultFontColor?: string;\n    userLocale?: Record<string, any>;\n    annotationX?: string[];\n    annotationLabel?: string[];\n    annotationColor?: string[];\n    legendDisplay?: 'left' | 'right' | 'top' | 'bottom' | 'off';\n    markerDisplay?: 'off' | 'filled' | 'outlined';\n}\n\nconst Charting: React.FC<ChartingProps> = props => {\n    const container = useRef<HTMLDivElement>(null);\n    const needsInit = useRef<boolean>(true);\n    const chart = useRef<jsCharting>();\n    const needsRedraw = useRef<boolean>(true);\n    const api = useRef(new ChartingApiFunctional(chart));\n    const timezone = useContext<TimezoneContextInterface>(TimezoneContext);\n    const selectChartEvent = useRef<ChartEvent<'chartRangeSelect'>>(null);\n    const trellisEnabled = useTrellisEnabled(props.splitByLayout);\n\n    const drawChartRef = useRef<() => void>(() => {});\n\n    const debouncedDrawChart = useMemo(\n        () =>\n            debounce(() => {\n                drawChartRef.current();\n            }, 5),\n        []\n    );\n\n    useEffect(\n        () => () => {\n            debouncedDrawChart.cancel();\n        },\n        [debouncedDrawChart]\n    );\n\n    const computeChartingSize = () => {\n        if (container.current) {\n            const rect = container.current.getBoundingClientRect();\n            return {\n                height: rect.height,\n                width: rect.width,\n            };\n        }\n        return {};\n    };\n    const splunkTheme = useSplunkTheme();\n    const themeKey = props.themeKey ? props.themeKey : getChartingThemeKey({ splunkThemeV1: splunkTheme });\n    const {\n        width = '100%',\n        height = 250,\n        options = {},\n        style = {},\n        chartData,\n        colorPalette = VIZ_CATEGORICAL,\n        onClick = noop,\n        onSelect = noop,\n        onPointMouseOut = noop,\n        onPointMouseOver = noop,\n        onEventTrigger = noop,\n        originalDataSources,\n        onDownsamplingThresholdChange,\n        xField,\n        backgroundColor = '',\n        defaultFontColor = '',\n        trellisKey,\n        additionalTooltipFields,\n    } = props;\n    const prevOptions = usePrevious(options);\n    const prevTimezone = usePrevious(timezone);\n\n    const handleClick = (\n        chartEvent: ChartEvent<'pointClick' | 'legendClick'>,\n        type: VizChartEventType\n    ): void => {\n        let payload: Partial<ChartEvent<'pointClick' | 'legendClick'>> = pick(\n            chartEvent,\n            'name2',\n            'value2',\n            '_span',\n            'modifierKey'\n        );\n\n        payload.name = payload.name2;\n        delete payload.name2;\n\n        if (type === VizChartEventType.POINT_CLICK) {\n            payload.value = payload.value2;\n            delete payload.value2;\n\n            payload = updateRowPayload(chartEvent.rowContext, payload);\n        }\n\n        payload = appendTrellisToPayload(props, payload);\n\n        onClick({\n            type,\n            originalEvent: chartEvent,\n            payload,\n        });\n    };\n\n    const destroyChart = (): void => {\n        if (chart.current) {\n            chart.current.destroy();\n            chart.current = null;\n        }\n        needsRedraw.current = true;\n        needsInit.current = true;\n    };\n\n    const enableSearchZoom = chartData?.chartDataOptions?.enableSearchZoom ?? false;\n    const recalculateDownsamplingThreshold = React.useCallback(() => {\n        if (!onDownsamplingThresholdChange || !xField) {\n            return;\n        }\n\n        const newThreshold = calculateDownsamplingThreshold({\n            enableSearchZoom,\n            dataSources: originalDataSources,\n            width: Number(width),\n            selectChartEvent: selectChartEvent.current,\n            xField,\n        });\n\n        if (Number.isFinite(newThreshold)) {\n            onDownsamplingThresholdChange(newThreshold);\n        }\n    }, [enableSearchZoom, originalDataSources, onDownsamplingThresholdChange, width, xField]);\n\n    React.useEffect(() => {\n        recalculateDownsamplingThreshold();\n    }, [recalculateDownsamplingThreshold]);\n\n    // useEventCallback is used for these handlers to make sure that they are a stable reference and\n    // we always use the latest version of the callback\n    // Since chart drawing is debounced, there is a race condition where a stale callback may be called\n    // if a prop changes and the event handler is called before the chart redraws. This means that\n    // it will use the old callback rather than the newer one, which can lead to inaccurate results\n    const handleSelect = useEventCallback((chartEvent: ChartEvent<'chartRangeSelect'>): void => {\n        selectChartEvent.current = chartEvent;\n        recalculateDownsamplingThreshold();\n        const payload = appendTrellisToPayload(\n            props,\n            pick(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')\n        );\n\n        // todo: need change this after breaking all visualizations\n        if (onSelect && typeof onSelect === 'function') {\n            onSelect({\n                type: 'range.select',\n                originalEvent: chartEvent,\n                payload,\n            });\n\n            return;\n        }\n\n        // the chartEvent here is a jQuery event\n        onEventTrigger({\n            type: 'range.select',\n            originalEvent: chartEvent,\n            payload,\n        });\n    });\n\n    const handlePointMouseOut = useEventCallback(\n        (chartEvent: ChartEvent<'pointMouseOut'>, type: VizChartEventType): void => {\n            let payload: Partial<ChartEvent<'pointMouseOut'>> = pick(\n                chartEvent,\n                'name2',\n                'value2',\n                '_span',\n                'modifierKey',\n                'tooltipContext'\n            );\n\n            payload.name = payload.name2;\n            delete payload.name2;\n            payload.value = payload.value2;\n            delete payload.value2;\n\n            payload = appendTrellisToPayload(props, updateRowPayload(chartEvent.rowContext, payload));\n\n            onPointMouseOut({\n                type,\n                originalEvent: chartEvent,\n                payload,\n            });\n        }\n    );\n\n    const handlePointMouseOver = useEventCallback(\n        (chartEvent: ChartEvent<'pointMouseOver'>, type: VizChartEventType): void => {\n            let payload: Partial<ChartEvent<'pointMouseOver'>> = pick(\n                chartEvent,\n                'name2',\n                'value2',\n                '_span',\n                'modifierKey',\n                'tooltipContext'\n            );\n\n            payload.name = payload.name2;\n            delete payload.name2;\n            payload.value = payload.value2;\n            delete payload.value2;\n\n            payload = appendTrellisToPayload(props, updateRowPayload(chartEvent.rowContext, payload));\n\n            onPointMouseOver({\n                type,\n                originalEvent: chartEvent,\n                payload,\n            });\n        }\n    );\n\n    const drawChart = (): void => {\n        const updatedOptions = { ...options, shouldColorizeTooltipData: false };\n        const computedChartSize = computeChartingSize();\n        const computedWidth = computedChartSize.width;\n        const computedHeight = computedChartSize.height;\n        const serializedTimezone = timezone?.serializedTimezone;\n        const ianaTimezone = timezone?.ianaTimezone;\n        const utcOffset = timezone?.utcOffset;\n        if (!computedWidth || !computedHeight) {\n            return;\n        }\n        if (!chartData || !Object.keys(chartData).length) {\n            return;\n        }\n\n        // splunk-charting layers configuration option updates.\n        // when an option is removed it needs to be set to an empty string\n        // to override the previous configuration\n        if (prevOptions) {\n            Object.keys(prevOptions).forEach(key => {\n                if (prevOptions[key] && updatedOptions[key] === undefined) {\n                    updatedOptions[key] = '';\n                }\n            });\n        }\n\n        try {\n            if (needsInit.current) {\n                destroyChart();\n                jsCharting.setTheme(themeKey);\n                if (colorPalette.length > 0) {\n                    jsCharting.setColorPalette(colorPalette);\n                }\n                chart.current = jsCharting.createChart(container.current, {\n                    ...updatedOptions,\n                    drilldown: 'all',\n                    ...(typeof serializedTimezone === 'string' && {\n                        'time.serializedTz': serializedTimezone,\n                    }),\n                    ...(typeof ianaTimezone === 'string' && {\n                        'time.ianaTimezone': ianaTimezone,\n                    }),\n                    ...(typeof utcOffset === 'number' && {\n                        'time.timezoneOffset': utcOffset,\n                    }),\n                });\n                // bind event handlers\n                chart.current.on('pointClick', e => {\n                    handleClick(e, VizChartEventType.POINT_CLICK);\n                });\n                chart.current.on('pointMouseOver', e => {\n                    handlePointMouseOver(e, VizChartEventType.POINT_MOUSE_OVER);\n                });\n                chart.current.on('pointMouseOut', e => {\n                    handlePointMouseOut(e, VizChartEventType.POINT_MOUSE_OUT);\n                });\n                chart.current.on('legendClick', e => {\n                    handleClick(e, VizChartEventType.LEGEND_CLICK);\n                });\n                chart.current.on('chartRangeSelect', handleSelect);\n            }\n            if (needsRedraw.current) {\n                jsCharting.setTheme(themeKey);\n                if (colorPalette.length > 0) {\n                    jsCharting.setColorPalette(colorPalette);\n                }\n                const payload = appendTrellisToPayload(props, {\n                    width,\n                    height,\n                    currentTime: new Date().getTime(),\n                });\n                chart.current.prepareAndDraw(chartData, updatedOptions, () => {\n                    onEventTrigger({\n                        type: 'viz.renderedWithData',\n                        payload,\n                    });\n                });\n            }\n            if (chart.current) {\n                if (\n                    Math.round(chart.current.height) !== Math.round(computedHeight) ||\n                    Math.round(chart.current.width) !== Math.round(computedWidth)\n                ) {\n                    chart.current.resize(computedWidth, computedHeight);\n                }\n            }\n            needsInit.current = false;\n            needsRedraw.current = false;\n        } catch (e) {\n            window.console.error('Caught error rendering chart:', e);\n        }\n    };\n\n    const onContainerMount = chartingContainer => {\n        container.current = chartingContainer;\n        debouncedDrawChart();\n    };\n\n    drawChartRef.current = drawChart;\n\n    const prevTheme = usePrevious(themeKey);\n    const prevOnClick = usePrevious(onClick);\n\n    useEffect(() => {\n        debouncedDrawChart();\n        props?.visualizationApiRef?.(api?.current);\n        return () => {\n            props?.visualizationApiRef?.(null);\n            destroyChart();\n        };\n    }, []);\n\n    useEffect(() => {\n        const handleResize = () => {\n            debouncedDrawChart();\n        };\n        window.addEventListener('resize', handleResize);\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [debouncedDrawChart]);\n\n    useEffect(() => {\n        // TODO: figure out why re-init is needed for functional components (i.e. PlatformViz) when changing theme\n        // seems like redraw doesn't suffice to update the background colors\n        if (\n            !chart.current ||\n            !canUpdateInPlace(prevOptions, options) ||\n            // timezone is a simple object so this comparison should be fast\n            JSON.stringify(prevTimezone) !== JSON.stringify(timezone) ||\n            (!props.themeKey && prevTheme !== themeKey) ||\n            prevOnClick !== onClick\n        ) {\n            needsInit.current = true;\n        }\n        // need to immediately call drawChart upon an option or chartData change\n        // otherwise a noop would occur if the onContainerMount drawChart is re-invoked when dimensions change\n        needsRedraw.current = true;\n        drawChart();\n    }, [\n        JSON.stringify(options),\n        JSON.stringify(chartData.toJSON()),\n        JSON.stringify(chartData.annotations),\n        timezone?.ianaTimezone,\n        timezone?.utcOffset,\n        timezone?.serializedTimezone,\n        themeKey,\n        onClick,\n        additionalTooltipFields,\n    ]);\n\n    return (\n        <>\n            {trellisEnabled && (\n                <TrellisTitle\n                    trellisKey={trellisKey}\n                    backgroundColor={backgroundColor}\n                    fontColor={defaultFontColor}\n                />\n            )}\n            <ChartingContainer\n                style={style}\n                ref={onContainerMount}\n                width={width}\n                height={trellisEnabled ? Number(height) - TRELLIS_TITLE_HEIGHT : height}\n            />\n        </>\n    );\n};\n\n// allow for early return in case of empty chartData while still following hook rules\nconst ChartingWrapper: React.FC<ChartingProps> = props => {\n    const { chartData } = props;\n\n    if (!chartData) {\n        return <Message message={_('No DataSource')} level=\"warning\" width=\"100%\" height=\"100%\" />;\n    }\n\n    if (!Object.keys(chartData).length) {\n        return <Message message={_('No Result')} level=\"info\" width=\"100%\" height=\"100%\" />;\n    }\n\n    return <Charting {...props} />;\n};\n\nexport default ChartingWrapper;\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-color-palettes\";\nexport * from \"@splunk/visualization-color-palettes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/i18n\";\nexport * from \"@splunk/visualizations-shared/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/charting-bundle\";\nexport * from \"@splunk/charting-bundle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-context/TimezoneContext\";\nexport * from \"@splunk/visualization-context/TimezoneContext\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/style\";\nexport * from \"@splunk/visualizations-shared/style\";\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 \"@splunk/visualizations-shared/Message\";\nexport * from \"@splunk/visualizations-shared/Message\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/useSplunkTheme\";\nexport * from \"@splunk/themes/useSplunkTheme\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/themeUtils\";\nexport * from \"@splunk/visualizations-shared/themeUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import jsCharting from '@splunk/charting-bundle';\n\ninterface Point {\n    /**\n     * Valid xValue of the chart\n     *\n     * @type {string|number}\n     * @memberof Point\n     */\n    xValue?: string | number;\n\n    /**\n     * Valid seriesName for a chart\n     *\n     * @type {string}\n     * @memberof Point\n     */\n    seriesName?: string;\n}\n\nexport class ChartingApiFunctional {\n    // eslint-disable-next-line no-useless-constructor\n    constructor(private chartRef: any) {}\n\n    /**\n     * Allows users to programmatically highlight a point on the chart\n     *\n     * @memberof ChartingApiFunctional\n     */\n    highlight({ xValue, seriesName }: Point = { xValue: '', seriesName: '' }): void {\n        this.getChart().highlight(xValue, seriesName);\n    }\n\n    /**\n     * Allows users to programmatically unhighlight all points on the chart\n     *\n     * @memberof ChartingApiFunctional\n     */\n    unHighlight(): void {\n        this.getChart().unHighlight();\n    }\n\n    // returns chart object\n    getChart(): jsCharting {\n        return this.chartRef?.current;\n    }\n}\n", "import { useEffect, useRef } from 'react';\n\nexport default function usePrevious<T>(value: T): T | undefined {\n    const ref = useRef<T>();\n    useEffect(() => {\n        ref.current = value;\n    });\n    return ref.current;\n}\n", "import { useRef, useLayoutEffect, useCallback } from 'react';\n\n/**\n * This is an escape hatch for the case where an event handler function depends on some states that changes too often thus the event handle is recreated frequently which causes bugs in some edge cases.\n *\n * For example if an old callback is called, it may not use the most recent props, but the previous props when that callback was created.\n */\n\ntype Fn<ARGS extends any[], R> = (...args: ARGS) => R;\nconst useEventCallback = <A extends any[], R>(fn: Fn<A, R>): Fn<A, R> => {\n    const ref = useRef<Fn<A, R>>(fn);\n    useLayoutEffect(() => {\n        ref.current = fn;\n    });\n    return useCallback((...args: A): R => ref.current(...args), []);\n};\n\nexport default useEventCallback;\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import type { FieldEntry } from '@splunk/visualizations-shared/dataSourceUtils';\nimport { startsWithNumber } from '@splunk/visualizations-shared/numberUtils';\nimport type { DashboardVizProps, DataSource, VizConfig } from '../interfaces';\nimport { VizBehavior } from '../interfaces';\nimport { ChartEvent } from '../interfaces/ChartEvent';\n\n// TODO: utilize this fn in ParallelCoordinates\n\nexport const convertToArrOfObjects = (columns: (string | any[])[], fields: any[]): any[] => {\n    if (!columns || !columns[0] || !columns[0].length) return [];\n\n    const data = [];\n\n    for (let i = 0; i < columns[0].length; i += 1) {\n        const newObj = {};\n        fields.forEach((field, index) => {\n            const fieldName = typeof field === 'string' ? field : field.name;\n            if (columns[index][i] === '') {\n                newObj[fieldName] = null;\n            } else {\n                newObj[fieldName] = columns[index][i];\n            }\n        });\n        data.push(newObj);\n    }\n\n    return data;\n};\n\n// LTTB algorithm which can be used to downsample time series data while striving to maintain\n// the spikes and overall shape of the chart\n// Copied from https://github.com/sveinn-steinarsson/flot-downsample/blob/0815010016fc94b1bbc6a010afb8aad13ada6d0d/jquery.flot.downsample.js\n// Modifications include:\n// 1) Convert to modern JavaScript(use const, let, and use array.push to push to last element of array)\n// 2) Convert to camel case\n// 3) Convert to TS and also return the indices of the points that are in the downsampled result.\n// 4) Add a new parameter preferredDownsampleIndices that correspond to the indices of points\n// that should be used in case of a tie of the max area in a bucket\nconst largestTriangleThreeBuckets = (\n    data: [Date | number, number][],\n    threshold: number,\n    preferredDownsampleIndices: Set<number>\n): {\n    downsampledData: [Date | number, number][];\n    downsampledIndices: number[];\n} => {\n    const dataLength = data.length;\n    const downsampledIndices = [];\n    if (threshold >= dataLength || threshold === 0) {\n        const allIndices = data.map((values, index) => index);\n        return { downsampledData: data, downsampledIndices: allIndices }; // Nothing to do\n    }\n\n    const sampled: [Date | number, number][] = [];\n    let sampledIndex = 0;\n\n    // Bucket size. Leave room for start and end data points\n    const every = (dataLength - 2) / (threshold - 2);\n\n    let a = 0; // Initially a is the first point in the triangle\n    let maxAreaPoint: [Date | number, number];\n    let maxArea: number | undefined;\n    let area: number | undefined;\n    let nextA: number | undefined;\n\n    sampled.push(data[a]); // Always add the first point\n    downsampledIndices.push(0);\n\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i < threshold - 2; i++) {\n        // Calculate point average for next bucket (containing c)\n        let avgX = 0;\n        let avgY = 0;\n        let avgRangeStart = Math.floor((i + 1) * every) + 1;\n        let avgRangeEnd = Math.floor((i + 2) * every) + 1;\n        avgRangeEnd = avgRangeEnd < dataLength ? avgRangeEnd : dataLength;\n\n        const avgRangeLength = avgRangeEnd - avgRangeStart;\n\n        // eslint-disable-next-line no-plusplus\n        for (; avgRangeStart < avgRangeEnd; avgRangeStart++) {\n            avgX += Number(data[avgRangeStart][0]); // * 1 enforces Number (value may be Date)\n            avgY += data[avgRangeStart][1] * 1;\n        }\n        avgX /= avgRangeLength;\n        avgY /= avgRangeLength;\n\n        // Get the range for this bucket\n        let rangeOffs = Math.floor((i + 0) * every) + 1;\n        const rangeTo = Math.floor((i + 1) * every) + 1;\n\n        // Point a\n        const pointAX = Number(data[a][0]); // Enforce Number (value may be Date)\n        const pointAY = data[a][1] * 1;\n\n        // eslint-disable-next-line no-multi-assign\n        maxArea = area = -1;\n        let maxAreaIndex = rangeOffs;\n\n        // eslint-disable-next-line no-plusplus\n        for (; rangeOffs < rangeTo; rangeOffs++) {\n            // Calculate triangle area over three buckets\n            area =\n                Math.abs(\n                    (pointAX - avgX) * (data[rangeOffs][1] - pointAY) -\n                        (pointAX - Number(data[rangeOffs][0])) * (avgY - pointAY)\n                ) * 0.5;\n            // Modification: try to downsample the least amount of points possible when there are multiple series\n            // If all points in a bucket have the same area, prioritize the one with an x index\n            // that also existed from another series so we don't add another point unnecessarily.\n            // By default LTTB picks the leftmost point in the bucket\n            if (area > maxArea || (area === maxArea && preferredDownsampleIndices.has(rangeOffs))) {\n                maxArea = area;\n                maxAreaPoint = data[rangeOffs];\n                nextA = rangeOffs; // Next a is this b\n                // Modification: save the index of the point with the most area\n                maxAreaIndex = rangeOffs;\n            }\n        }\n\n        // eslint-disable-next-line no-plusplus\n        sampled[sampledIndex++] = maxAreaPoint; // Pick this point from the bucket\n        downsampledIndices.push(maxAreaIndex);\n        a = nextA; // This a is the next a (chosen b)\n    }\n\n    // eslint-disable-next-line no-plusplus\n    sampled[sampledIndex++] = data[dataLength - 1]; // Always add last\n    downsampledIndices.push(dataLength - 1);\n\n    return { downsampledData: sampled, downsampledIndices };\n};\n\nexport type DownsampleOptions = { threshold: number } & Pick<DashboardVizProps, 'dataSources' | 'options'>;\n\ntype CoerceYColumnResult = {\n    canDownsampleColumn: boolean;\n    canLooselyCoerceSomeValues: boolean;\n    coercedColumn: number[];\n};\n\n/**\n * Strictly coerces the entire column to numbers if it only consists of numeric strings or numbers. Also determines\n * if at least one of the values in the column can be loosely coerced to a number.\n * If the column cannot be strictly downsampled (if it contains nulls or non-numeric strings), returns an empty array and\n * returns that it cannot downsample the column.\n */\nconst strictlyCoerceYColumn = (\n    column: (string | number)[] | number[],\n    options: DownsampleOptions['options']\n): CoerceYColumnResult => {\n    const isNullCoercionEnabled = options.nullValueDisplay === 'zero';\n    // Splunk charting allows for numbers in formats such as negative hex that\n    // Number() does not support and also allows loose coercion of hex numbers (but not other formats)\n    // We want to identify columns which contain at least one value that can be loosely coerced\n    const canLooselyCoerceSomeValues =\n        column.findIndex(\n            value => startsWithNumber(`${value}`) || (isNullCoercionEnabled && value === null)\n        ) >= 0;\n\n    // If not all values in column can be strictly coerced to a number, we do not downsample\n    const coercedColumn: number[] = [];\n    const canDownsampleColumn = !column.some(value => {\n        const coercedValue = Number(value);\n        const coerceValueToZero = isNullCoercionEnabled && value === null;\n\n        // if it can't be parsed or isn't safe, fail\n        if (\n            Number.isNaN(coercedValue) ||\n            coercedValue <= Number.MIN_SAFE_INTEGER ||\n            coercedValue >= Number.MAX_SAFE_INTEGER ||\n            (typeof value !== 'string' && typeof value !== 'number' && !coerceValueToZero)\n        ) {\n            return true;\n        }\n        // save value and continue to next\n        coercedColumn.push(coercedValue);\n        return false;\n    });\n\n    return {\n        canDownsampleColumn,\n        canLooselyCoerceSomeValues,\n        coercedColumn: canDownsampleColumn ? coercedColumn : [],\n    };\n};\n\n/**\n * Tries to coerce the x-column to numbers or dates, if it is eligible for downsampling.\n * Only strictly increasing x-columns are eligible for downsampling.\n * If the column is not eligible for downsampling, returns an empty array.\n */\nconst strictlyCoerceXColumn = (column: (string | number)[], fieldType: string): Date[] | number[] => {\n    if (fieldType === 'number') {\n        const coercedXColumn = column.map(xValue => Number(xValue));\n        if (isColumnStrictlyIncreasing(coercedXColumn, fieldType)) {\n            return coercedXColumn;\n        }\n    } else if (fieldType === 'time') {\n        const coercedXColumn = column.map(xValue => new Date(xValue));\n        if (isColumnStrictlyIncreasing(coercedXColumn, fieldType)) {\n            return coercedXColumn;\n        }\n    }\n    return [];\n};\n\nexport const isDownsamplingEnabledForViz = ({ vizConfig }: { vizConfig: VizConfig }) => {\n    return vizConfig.supports?.includes(VizBehavior.DOWNSAMPLING);\n};\n\nexport const calculateThresholdOnRangeSelect = ({\n    firstIndex,\n    lastIndex,\n    dataSources,\n    width,\n}: Pick<DashboardVizProps, 'dataSources'> & {\n    firstIndex: number;\n    lastIndex: number;\n    width: number | string;\n}): number => {\n    const window = lastIndex - firstIndex + 1;\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    const ratio = Math.round(Number(dataSources?.primary?.data?.columns[0]?.length / window) * 10) / 10;\n    return Math.round(ratio * Number(width));\n};\n\n/**\n * Calculates the downsampling threshold based on the range selection. If search zoom is enabled or there is no selection,\n * then returns the width of the visualization.\n *\n * Otherwise calculates the threshold based on the ratio of the window selected compared to the size of the non-downsampled\n * data sources. Returns null if the chart event's dataset does not match the passed in primary data source or if the chart is zoomed\n * in for a categorical chart.\n */\nexport const calculateDownsamplingThreshold = ({\n    enableSearchZoom,\n    dataSources,\n    selectChartEvent,\n    width,\n    xField,\n}: {\n    enableSearchZoom: boolean;\n    dataSources: Record<string, DataSource> | null;\n    selectChartEvent: ChartEvent<'chartRangeSelect'> | null;\n    width: number;\n    xField: string;\n}): number | null => {\n    if (enableSearchZoom || !selectChartEvent) {\n        return Number(width);\n    }\n\n    const primaryDataSource = dataSources?.primary;\n    if (!primaryDataSource) {\n        return null;\n    }\n\n    const { startXIndex, endXIndex, currentTarget } = selectChartEvent;\n\n    try {\n        const xFieldIndex = primaryDataSource?.data?.fields.findIndex(field => {\n            const name = typeof field === 'string' ? field : field.name;\n            return name === xField;\n        });\n        const downsampledXFieldIndex = currentTarget.dataSet?.fields.findIndex(field => field === xField);\n\n        if (xFieldIndex === -1 || downsampledXFieldIndex === -1) {\n            return null;\n        }\n\n        const fullSeries = primaryDataSource?.data?.columns[xFieldIndex];\n        const downsampledSeries = currentTarget.dataSet.seriesList[downsampledXFieldIndex];\n\n        const firstIndex = fullSeries.findIndex(x => {\n            return downsampledSeries[startXIndex] === x;\n        });\n        const lastIndex = fullSeries.findIndex(x => {\n            return downsampledSeries[endXIndex] === x;\n        });\n\n        if (firstIndex >= 0 && lastIndex >= 0 && firstIndex <= lastIndex) {\n            return calculateThresholdOnRangeSelect({\n                firstIndex,\n                lastIndex,\n                dataSources,\n                width,\n            });\n        }\n    } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error('Error occurred while setting downsample threshold on range select event', e);\n    }\n\n    return null;\n};\n\nconst isColumnStrictlyIncreasing = (column: (number | Date)[], fieldType: 'number' | 'time') => {\n    return column.every((value, index) => {\n        if (fieldType === 'number') {\n            if (Number.isNaN(value)) {\n                return false;\n            }\n        }\n\n        if (fieldType === 'time') {\n            if (Number.isNaN((value as Date).getTime())) {\n                return false;\n            }\n        }\n        if (index === 0) {\n            return true;\n        }\n        return value > column[index - 1];\n    });\n};\n\n/**\n * Verifies that all of the columns that are displayed in a chart can be downsampled. Valid columns that can be\n * displayed are those that contain at least one number. We can only downsample columns that only consist of numbers.\n *\n * If all columns can be downsampled, returns the x column coerced to time/number and y columns coerced to numbers.\n * If not all columns can be downsampled, then returns empty arrays for both x and y\n */\nconst tryToCoerceAllDisplayedFields = (\n    ds: DataSource,\n    xField: string,\n    yFields: Set<string>,\n    fieldTypes: string[],\n    options: DownsampleOptions['options']\n): { xColumn: Date[] | number[]; yColumns: number[][] } => {\n    let xColumn: Date[] | number[] = [];\n    const yColumns: number[][] = [];\n\n    const canDownsample = !ds.data.fields.some((field, index) => {\n        const fieldName = (field as FieldEntry).name ?? field;\n        const fieldType = fieldTypes[index] ?? 'unknown';\n        const column = ds.data.columns[index];\n        let hasDisplayedColumnThatCantBeDownsampled = false;\n\n        if (fieldName === xField) {\n            xColumn = strictlyCoerceXColumn(column, fieldType);\n        } else if (yFields.has(fieldName)) {\n            const { coercedColumn, canLooselyCoerceSomeValues, canDownsampleColumn } = strictlyCoerceYColumn(\n                ds.data.columns[index],\n                options\n            );\n            // do not perform downsampling if a column can possibly be displayed but cannot\n            // be downsampled using LTTB\n            hasDisplayedColumnThatCantBeDownsampled = canLooselyCoerceSomeValues && !canDownsampleColumn;\n            if (hasDisplayedColumnThatCantBeDownsampled) {\n                return true;\n            }\n            if (canDownsampleColumn) {\n                yColumns.push(coercedColumn);\n            }\n        }\n        return false;\n    });\n\n    if (canDownsample) {\n        return { xColumn, yColumns };\n    }\n    return { xColumn: [], yColumns: [] };\n};\n\nconst pickIndicesFromDataSource = (ds: DataSource, indices: Set<number>): DataSource => {\n    const sortedIndices = Array.from(indices).sort((a: number, b: number) => a - b);\n    const slicedColumns = [];\n    ds.data.columns.forEach(column => {\n        const slicedColumn = [];\n        sortedIndices.forEach(index => {\n            slicedColumn.push(column[index]);\n        });\n        slicedColumns.push(slicedColumn);\n    });\n\n    // update data columns with downsampled columns\n    return {\n        ...ds,\n        data: {\n            ...ds.data,\n            columns: slicedColumns,\n        },\n    };\n};\n\nexport const downsampleDataSources = ({ dataSources, threshold, options }: DownsampleOptions) => {\n    const primaryDS = dataSources?.primary;\n    // only downsample time series when number of data points are over threshold\n    const numPoints = primaryDS?.data?.columns[0]?.length ?? 0;\n    if (Number.isNaN(threshold) || numPoints <= threshold || threshold < 2) {\n        return dataSources;\n    }\n\n    const { xField, yFields, fieldTypes } = options;\n    if (!xField || !yFields?.length || !fieldTypes?.length) {\n        return dataSources;\n    }\n\n    const nonInternalYFields = new Set<string>(yFields.filter(yField => !yField.startsWith('_')));\n    const maxPointsInDownsample = Math.min(nonInternalYFields.size * threshold, numPoints);\n\n    // Do not try to downsample if there are too many downsampled pts\n    // At the worst case, each series has non-overlapping downsampled pts\n    // which will mean that all points will be included in the downsampled result\n    // This will just lead to additional overhead due to coercing each\n    // x and y field to number\n    if (maxPointsInDownsample >= numPoints) {\n        return dataSources;\n    }\n\n    const { xColumn, yColumns } = tryToCoerceAllDisplayedFields(\n        primaryDS,\n        xField,\n        nonInternalYFields,\n        fieldTypes,\n        options\n    );\n\n    if (!yColumns.length || !xColumn.length) {\n        return dataSources;\n    }\n\n    const downsampledDataSources = { ...dataSources };\n    const downsampledIndices = new Set<number>();\n\n    yColumns.forEach((yColumn, columnIndex) => {\n        // perform LTTB downsampling for current series, LTTB takes an [x, y] pair\n        const xyPair: [Date | number, number][] = yColumn.map((yValue, index) => {\n            return [xColumn[index], yValue];\n        });\n\n        try {\n            const { downsampledIndices: downsampledIndicesForSeries } = largestTriangleThreeBuckets(\n                xyPair,\n                threshold,\n                downsampledIndices\n            );\n            downsampledIndicesForSeries.forEach(downsampleIndex => downsampledIndices.add(downsampleIndex));\n        } catch (e) {\n            // eslint-disable-next-line no-console\n            console.error(`Error occurred while downsampling column ${columnIndex}`, e);\n        }\n    });\n    // update data columns with downsampled columns\n    downsampledDataSources.primary = pickIndicesFromDataSource(primaryDS, downsampledIndices);\n\n    return downsampledDataSources;\n};\n", "\nimport * as defaultImport from \"@splunk/visualization-context/FeatureFlagContext\";\nexport * from \"@splunk/visualization-context/FeatureFlagContext\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-schemas\";\nexport * from \"@splunk/visualization-schemas\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { useContext } from 'react';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport { LAYOUT_TYPE } from '@splunk/visualization-schemas';\n\nexport const useTrellisFeatureFlagOn = (): boolean => {\n    const context = useContext(FeatureFlagContext) as Record<string, unknown>;\n    return Boolean(context?.visualizations_enableTrellis);\n};\n\nexport const useTrellisEnabled = (layoutType = LAYOUT_TYPE.Off): boolean => {\n    const trellisFeatureEnabled = useTrellisFeatureFlagOn();\n    return trellisFeatureEnabled && layoutType === LAYOUT_TYPE.Trellis;\n};\n", "import * as React from 'react';\nimport styled from 'styled-components';\n\nexport const TRELLIS_TITLE_HEIGHT = 28;\n\nconst TrellisTitleText = styled.div`\n    margin-left: 10px;\n    margin-right: 10px;\n    padding-top: 8px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n`;\n\nconst TrellisTitleDiv = styled.div<{\n    fontColor: string;\n    backgroundColor: string;\n}>`\n    height: ${TRELLIS_TITLE_HEIGHT}px;\n    font-size: 14px;\n    font-weight: 700;\n    color: ${props => props.fontColor};\n    background-color: ${props => props.backgroundColor};\n    box-shadow: 0 1px ${props => props.backgroundColor}; // this is added to avoid a 1px gap between title and viz divs that showed up intermittently because of pixel rounding error in chrome.\n`;\n\ninterface TrellisTitleProps {\n    fontColor: string;\n    backgroundColor: string;\n    trellisKey: unknown;\n}\n\nexport const TrellisTitle = (props: TrellisTitleProps) => {\n    const titleText = String(props.trellisKey).toString();\n    return (\n        <TrellisTitleDiv\n            fontColor={props.fontColor}\n            backgroundColor={props.backgroundColor}\n            data-test=\"trellis-title\"\n            title={titleText}\n        >\n            <TrellisTitleText>{titleText}</TrellisTitleText>\n        </TrellisTitleDiv>\n    );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react/no-unused-prop-types */\nimport { pick, debounce, noop } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport * as React from 'react';\nimport { useContext, useEffect, useMemo, useRef } from 'react';\nimport '@splunk/visualizations-shared/i18n';\nimport jsCharting from '@splunk/charting-bundle';\nimport TimezoneContext, { TimezoneContextInterface } from '@splunk/visualization-context/TimezoneContext';\nimport { toDimension } from '@splunk/visualizations-shared/style';\nimport styled from 'styled-components';\nimport Message from '@splunk/visualizations-shared/Message';\nimport useSplunkTheme from '@splunk/themes/useSplunkTheme';\nimport { getChartingThemeKey } from '@splunk/visualizations-shared/themeUtils';\nimport { LAYOUT_TYPE } from '@splunk/visualization-schemas';\nimport { ChartingApiFunctional } from './ChartingApi';\nimport usePrevious from './hooks/usePrevious';\nimport useEventCallback from './hooks/useEventCallback';\nimport { DataSource } from './interfaces';\nimport { calculateDownsamplingThreshold } from './utils/dataUtils';\nimport type { ChartEvent } from './interfaces/ChartEvent';\nimport { useTrellisEnabled } from './hooks/useTrellisEnabled';\nimport { TrellisTitle, TRELLIS_TITLE_HEIGHT } from './components/TrellisTitle';\n\nexport const NO_INPLACE_PROPS = [\n    'chart',\n    'chart.orientation',\n    'layout.splitSeries',\n    'chart.style',\n    'legend.placement',\n];\n\nexport const appendTrellisToPayload = (\n    props: ChartingProps,\n    payload: Record<string, unknown>\n): Record<string, unknown> => {\n    if (props.trellisSplitBy) {\n        // eslint-disable-next-line no-param-reassign\n        payload['trellis.name'] = props.trellisSplitBy;\n    }\n    if (props.trellisKey) {\n        // eslint-disable-next-line no-param-reassign\n        payload['trellis.value'] = props.trellisKey;\n    }\n    return payload;\n};\n\nexport const changedOptions = (\n    curOptions: Record<string, unknown>,\n    nextOptions: Record<string, unknown>\n): string[] =>\n    Object.keys(curOptions)\n        .filter(key => !(key in nextOptions))\n        .concat(\n            Object.keys(nextOptions).filter(\n                key => !(key in curOptions) || curOptions[key] !== nextOptions[key]\n            )\n        );\n\nexport const canUpdateInPlace = (\n    curOptions: Record<string, unknown>,\n    nextOptions: Record<string, unknown>\n): boolean => {\n    // if either of the options are undefined\n    // it cannot update in place.\n    if (!curOptions || !nextOptions) {\n        return false;\n    }\n    return (\n        !NO_INPLACE_PROPS.some(p => curOptions[p] !== nextOptions[p]) &&\n        !changedOptions(curOptions, nextOptions).some(p => p.toLowerCase().endsWith('color'))\n    );\n};\n\n// create 'row' payloads from 'rowContext' in the flattened format:\n// row.<fieldname>.value\nexport const updateRowPayload = (\n    chartEventRowContext: Record<string, unknown>,\n    payload: Record<string, unknown>\n): Record<string, unknown> => {\n    Object.keys(chartEventRowContext || {}).forEach(key => {\n        // eslint-disable-next-line no-param-reassign\n        payload[`${key}.value`] = chartEventRowContext[key];\n    });\n\n    return payload;\n};\n\nexport interface ContainerProps {\n    width: string | number;\n    height: string | number;\n}\n\nenum VizChartEventType {\n    POINT_CLICK = 'point.click',\n    POINT_MOUSE_OUT = 'point.mouseout',\n    POINT_MOUSE_OVER = 'point.mouseover',\n    LEGEND_CLICK = 'legend.click',\n}\n\nconst ChartingContainer = styled.div.attrs((props: ContainerProps) => ({\n    'data-test': 'charting-container',\n    width: props.width,\n    height: props.height,\n}))`\n    & .highcharts-a11y-proxy-container {\n        pointer-events: none;\n    }\n    overflow: hidden;\n    position: relative;\n    ${props => toDimension(pick(props, ['width', 'height']))};\n`;\n\nexport interface ChartingProps {\n    // width in pixel or string, defaults to 100%\n    width: string | number;\n    // height in pixel or string\n    height: string | number;\n    // visualization formatting options\n    options?: Record<string, any>;\n    // charting dataset from jsCharting.extractChartReadyData\n    chartData: Record<string, any>;\n    // callbacks to trigger event\n    onEventTrigger?: (...args: any[]) => void;\n    onSelect?: (...args: any[]) => void;\n    onClick?: (...args: any[]) => void;\n    onPointMouseOver?: (...args: any[]) => void;\n    onPointMouseOut?: (...args: any[]) => void;\n    // Custom style on visualization\n    style?: Record<string, unknown>;\n    colorPalette?: Array<string>;\n    visualizationApiRef?: (...args: any[]) => void;\n    themeKey?: string;\n    // The non-downsampled data sources used by this chart. Passed in if downsampling\n    // is enabled for this chart.\n    originalDataSources?: Record<string, DataSource> | null;\n    // Callback for when downsampling threshold changes. Passed in if downsampling\n    // is enabled for this chart.\n    onDownsamplingThresholdChange?: (threshold: number) => void | null;\n    // The xField for this chart if it is an axis chart\n    xField?: string;\n    // The yFields for this chart if it is an axis chart\n    yFields?: string[];\n    // The y2Fields for this chart if it is specified and it is an axis chart\n    y2Fields?: string[];\n    // The additional tooltip fields for this chart if it is specified and it is an axis chart\n    additionalTooltipFields?: string[];\n    // Pre-extracted additional tooltip values for accelerated render mode\n    additionalTooltipValues?: Record<string, string | number | null>[];\n    splitByLayout?: LAYOUT_TYPE;\n    trellisKey?: string;\n    trellisSplitBy?: string;\n    backgroundColor?: string;\n    defaultFontColor?: string;\n    userLocale?: Record<string, any>;\n    annotationX?: string[];\n    annotationLabel?: string[];\n    annotationColor?: string[];\n    legendDisplay?: 'left' | 'right' | 'top' | 'bottom' | 'off';\n    markerDisplay?: 'off' | 'filled' | 'outlined';\n    // Event handlers configuration for the chart\n    eventHandlers?: Array<{ type: string; options: Record<string, any> }>;\n}\n\nconst Charting: React.FC<ChartingProps> = props => {\n    const container = useRef<HTMLDivElement>(null);\n    const needsInit = useRef<boolean>(true);\n    const chart = useRef<jsCharting>();\n    const needsRedraw = useRef<boolean>(true);\n    const api = useRef(new ChartingApiFunctional(chart));\n    const timezone = useContext<TimezoneContextInterface>(TimezoneContext);\n    const selectChartEvent = useRef<ChartEvent<'chartRangeSelect'>>(null);\n    const trellisEnabled = useTrellisEnabled(props.splitByLayout);\n    const isResizing = useRef<boolean>(false);\n    const drawChartRef = useRef<() => void>(() => {});\n\n    const debouncedDrawChart = useMemo(\n        () =>\n            debounce(() => {\n                drawChartRef.current();\n            }, 5),\n        []\n    );\n\n    useEffect(\n        () => () => {\n            debouncedDrawChart.cancel();\n        },\n        [debouncedDrawChart]\n    );\n\n    const computeChartingSize = () => {\n        if (container.current) {\n            const rect = container.current.getBoundingClientRect();\n            return {\n                height: rect.height,\n                width: rect.width,\n            };\n        }\n        return {};\n    };\n    const splunkTheme = useSplunkTheme();\n    const themeKey = props.themeKey ? props.themeKey : getChartingThemeKey({ splunkThemeV1: splunkTheme });\n    const {\n        width = '100%',\n        height = 250,\n        options = {},\n        style = {},\n        chartData,\n        colorPalette = VIZ_CATEGORICAL,\n        onClick = noop,\n        onSelect = noop,\n        onPointMouseOut = noop,\n        onPointMouseOver = noop,\n        onEventTrigger = noop,\n        originalDataSources,\n        onDownsamplingThresholdChange,\n        xField,\n        backgroundColor = '',\n        defaultFontColor = '',\n        trellisKey,\n        additionalTooltipFields,\n    } = props;\n    const prevOptions = usePrevious(options);\n    const prevTimezone = usePrevious(timezone);\n\n    const handleClick = (\n        chartEvent: ChartEvent<'pointClick' | 'legendClick'>,\n        type: VizChartEventType\n    ): void => {\n        let payload: Partial<ChartEvent<'pointClick' | 'legendClick'>> = pick(\n            chartEvent,\n            'name2',\n            'value2',\n            '_span',\n            'modifierKey'\n        );\n\n        payload.name = payload.name2;\n        delete payload.name2;\n\n        if (type === VizChartEventType.POINT_CLICK) {\n            payload.value = payload.value2;\n            delete payload.value2;\n\n            payload = updateRowPayload(chartEvent.rowContext, payload);\n        }\n\n        payload = appendTrellisToPayload(props, payload);\n\n        onClick({\n            type,\n            originalEvent: chartEvent,\n            payload,\n        });\n    };\n\n    const destroyChart = (): void => {\n        if (chart.current) {\n            chart.current.destroy();\n            chart.current = null;\n        }\n        needsRedraw.current = true;\n        needsInit.current = true;\n    };\n\n    const enableSearchZoom = chartData?.chartDataOptions?.enableSearchZoom ?? false;\n    const recalculateDownsamplingThreshold = React.useCallback(() => {\n        if (!onDownsamplingThresholdChange || !xField) {\n            return;\n        }\n\n        const newThreshold = calculateDownsamplingThreshold({\n            enableSearchZoom,\n            dataSources: originalDataSources,\n            width: Number(width),\n            selectChartEvent: selectChartEvent.current,\n            xField,\n        });\n\n        if (Number.isFinite(newThreshold)) {\n            onDownsamplingThresholdChange(newThreshold);\n        }\n    }, [enableSearchZoom, originalDataSources, onDownsamplingThresholdChange, width, xField]);\n\n    React.useEffect(() => {\n        recalculateDownsamplingThreshold();\n    }, [recalculateDownsamplingThreshold]);\n\n    // useEventCallback is used for these handlers to make sure that they are a stable reference and\n    // we always use the latest version of the callback\n    // Since chart drawing is debounced, there is a race condition where a stale callback may be called\n    // if a prop changes and the event handler is called before the chart redraws. This means that\n    // it will use the old callback rather than the newer one, which can lead to inaccurate results\n    const handleSelect = useEventCallback((chartEvent: ChartEvent<'chartRangeSelect'>): void => {\n        if (isResizing.current) {\n            // skip handling range select events triggered during resizing\n            return;\n        }\n        selectChartEvent.current = chartEvent;\n        recalculateDownsamplingThreshold();\n        const payload = appendTrellisToPayload(\n            props,\n            pick(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')\n        );\n\n        if (onSelect && typeof onSelect === 'function') {\n            onSelect({\n                type: 'range.select',\n                originalEvent: chartEvent,\n                payload,\n            });\n\n            return;\n        }\n\n        // the chartEvent here is a jQuery event\n        onEventTrigger({\n            type: 'range.select',\n            originalEvent: chartEvent,\n            payload,\n        });\n    });\n\n    const handlePointMouseOut = useEventCallback(\n        (chartEvent: ChartEvent<'pointMouseOut'>, type: VizChartEventType): void => {\n            let payload: Partial<ChartEvent<'pointMouseOut'>> = pick(\n                chartEvent,\n                'name2',\n                'value2',\n                '_span',\n                'modifierKey',\n                'tooltipContext'\n            );\n\n            payload.name = payload.name2;\n            delete payload.name2;\n            payload.value = payload.value2;\n            delete payload.value2;\n\n            payload = appendTrellisToPayload(props, updateRowPayload(chartEvent.rowContext, payload));\n\n            onPointMouseOut({\n                type,\n                originalEvent: chartEvent,\n                payload,\n            });\n        }\n    );\n\n    const handlePointMouseOver = useEventCallback(\n        (chartEvent: ChartEvent<'pointMouseOver'>, type: VizChartEventType): void => {\n            let payload: Partial<ChartEvent<'pointMouseOver'>> = pick(\n                chartEvent,\n                'name2',\n                'value2',\n                '_span',\n                'modifierKey',\n                'tooltipContext'\n            );\n\n            payload.name = payload.name2;\n            delete payload.name2;\n            payload.value = payload.value2;\n            delete payload.value2;\n\n            payload = appendTrellisToPayload(props, updateRowPayload(chartEvent.rowContext, payload));\n\n            onPointMouseOver({\n                type,\n                originalEvent: chartEvent,\n                payload,\n            });\n        }\n    );\n\n    const drawChart = (): void => {\n        const updatedOptions = { ...options, shouldColorizeTooltipData: false };\n        const computedChartSize = computeChartingSize();\n        const computedWidth = computedChartSize.width;\n        const computedHeight = computedChartSize.height;\n        const serializedTimezone = timezone?.serializedTimezone;\n        const ianaTimezone = timezone?.ianaTimezone;\n        const utcOffset = timezone?.utcOffset;\n        if (!computedWidth || !computedHeight) {\n            return;\n        }\n        if (!chartData || !Object.keys(chartData).length) {\n            return;\n        }\n\n        // splunk-charting layers configuration option updates.\n        // when an option is removed it needs to be set to an empty string\n        // to override the previous configuration\n        if (prevOptions) {\n            Object.keys(prevOptions).forEach(key => {\n                if (prevOptions[key] && updatedOptions[key] === undefined) {\n                    updatedOptions[key] = '';\n                }\n            });\n        }\n\n        try {\n            if (needsInit.current) {\n                destroyChart();\n                jsCharting.setTheme(themeKey);\n                if (colorPalette.length > 0) {\n                    jsCharting.setColorPalette(colorPalette);\n                }\n                chart.current = jsCharting.createChart(container.current, {\n                    ...updatedOptions,\n                    drilldown: 'all',\n                    ...(typeof serializedTimezone === 'string' && {\n                        'time.serializedTz': serializedTimezone,\n                    }),\n                    ...(typeof ianaTimezone === 'string' && {\n                        'time.ianaTimezone': ianaTimezone,\n                    }),\n                    ...(typeof utcOffset === 'number' && {\n                        'time.timezoneOffset': utcOffset,\n                    }),\n                });\n                // bind event handlers\n                chart.current.on('pointClick', e => {\n                    handleClick(e, VizChartEventType.POINT_CLICK);\n                });\n                chart.current.on('pointMouseOver', e => {\n                    handlePointMouseOver(e, VizChartEventType.POINT_MOUSE_OVER);\n                });\n                chart.current.on('pointMouseOut', e => {\n                    handlePointMouseOut(e, VizChartEventType.POINT_MOUSE_OUT);\n                });\n                chart.current.on('legendClick', e => {\n                    handleClick(e, VizChartEventType.LEGEND_CLICK);\n                });\n                chart.current.on('chartRangeSelect', handleSelect);\n            }\n            if (needsRedraw.current) {\n                jsCharting.setTheme(themeKey);\n                if (colorPalette.length > 0) {\n                    jsCharting.setColorPalette(colorPalette);\n                }\n                const payload = appendTrellisToPayload(props, {\n                    width,\n                    height,\n                    currentTime: new Date().getTime(),\n                });\n                chart.current.prepareAndDraw(chartData, updatedOptions, () => {\n                    onEventTrigger({\n                        type: 'viz.renderedWithData',\n                        payload,\n                    });\n                });\n            }\n            if (chart.current) {\n                if (\n                    Math.round(chart.current.height) !== Math.round(computedHeight) ||\n                    Math.round(chart.current.width) !== Math.round(computedWidth)\n                ) {\n                    isResizing.current = true;\n                    queueMicrotask(() => {\n                        try {\n                            isResizing.current = false;\n                        } catch (e) {\n                            noop(e);\n                        }\n                    });\n                    chart.current.resize(computedWidth, computedHeight);\n                }\n            }\n            needsInit.current = false;\n            needsRedraw.current = false;\n        } catch (e) {\n            window.console.error('Caught error rendering chart:', e);\n        }\n    };\n\n    const onContainerMount = chartingContainer => {\n        container.current = chartingContainer;\n        debouncedDrawChart();\n    };\n\n    drawChartRef.current = drawChart;\n\n    const prevTheme = usePrevious(themeKey);\n    const prevOnClick = usePrevious(onClick);\n\n    useEffect(() => {\n        debouncedDrawChart();\n        props?.visualizationApiRef?.(api?.current);\n        return () => {\n            props?.visualizationApiRef?.(null);\n            destroyChart();\n        };\n    }, []);\n\n    useEffect(() => {\n        const handleResize = () => {\n            debouncedDrawChart();\n        };\n        window.addEventListener('resize', handleResize);\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [debouncedDrawChart]);\n\n    useEffect(() => {\n        // seems like redraw doesn't suffice to update the background colors\n        if (\n            !chart.current ||\n            !canUpdateInPlace(prevOptions, options) ||\n            // timezone is a simple object so this comparison should be fast\n            JSON.stringify(prevTimezone) !== JSON.stringify(timezone) ||\n            (!props.themeKey && prevTheme !== themeKey) ||\n            prevOnClick !== onClick\n        ) {\n            needsInit.current = true;\n        }\n        // need to immediately call drawChart upon an option or chartData change\n        // otherwise a noop would occur if the onContainerMount drawChart is re-invoked when dimensions change\n        needsRedraw.current = true;\n        drawChart();\n    }, [\n        JSON.stringify(options),\n        JSON.stringify(chartData.toJSON()),\n        JSON.stringify(chartData.annotations),\n        timezone?.ianaTimezone,\n        timezone?.utcOffset,\n        timezone?.serializedTimezone,\n        themeKey,\n        onClick,\n        additionalTooltipFields,\n    ]);\n\n    return (\n        <>\n            {trellisEnabled && (\n                <TrellisTitle\n                    trellisKey={trellisKey}\n                    backgroundColor={backgroundColor}\n                    fontColor={defaultFontColor}\n                />\n            )}\n            <ChartingContainer\n                style={style}\n                ref={onContainerMount}\n                width={width}\n                height={trellisEnabled ? Number(height) - TRELLIS_TITLE_HEIGHT : height}\n            />\n        </>\n    );\n};\n\n// allow for early return in case of empty chartData while still following hook rules\nconst ChartingWrapper: React.FC<ChartingProps> = props => {\n    const { chartData } = props;\n\n    if (!chartData) {\n        return <Message message={_('No DataSource')} level=\"warning\" width=\"100%\" height=\"100%\" />;\n    }\n\n    if (!Object.keys(chartData).length) {\n        return <Message message={_('No Result')} level=\"info\" width=\"100%\" height=\"100%\" />;\n    }\n\n    return <Charting {...props} />;\n};\n\nexport default ChartingWrapper;\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-color-palettes\";\nexport * from \"@splunk/visualization-color-palettes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/i18n\";\nexport * from \"@splunk/visualizations-shared/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/charting-bundle\";\nexport * from \"@splunk/charting-bundle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-context/TimezoneContext\";\nexport * from \"@splunk/visualization-context/TimezoneContext\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/style\";\nexport * from \"@splunk/visualizations-shared/style\";\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 \"@splunk/visualizations-shared/Message\";\nexport * from \"@splunk/visualizations-shared/Message\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/useSplunkTheme\";\nexport * from \"@splunk/themes/useSplunkTheme\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/themeUtils\";\nexport * from \"@splunk/visualizations-shared/themeUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import jsCharting from '@splunk/charting-bundle';\n\ninterface Point {\n    /**\n     * Valid xValue of the chart\n     *\n     * @type {string|number}\n     * @memberof Point\n     */\n    xValue?: string | number;\n\n    /**\n     * Valid seriesName for a chart\n     *\n     * @type {string}\n     * @memberof Point\n     */\n    seriesName?: string;\n}\n\nexport class ChartingApiFunctional {\n    // eslint-disable-next-line no-useless-constructor\n    constructor(private chartRef: any) {}\n\n    /**\n     * Allows users to programmatically highlight a point on the chart\n     *\n     * @memberof ChartingApiFunctional\n     */\n    highlight({ xValue, seriesName }: Point = { xValue: '', seriesName: '' }): void {\n        this.getChart().highlight(xValue, seriesName);\n    }\n\n    /**\n     * Allows users to programmatically unhighlight all points on the chart\n     *\n     * @memberof ChartingApiFunctional\n     */\n    unHighlight(): void {\n        this.getChart().unHighlight();\n    }\n\n    // returns chart object\n    getChart(): jsCharting {\n        return this.chartRef?.current;\n    }\n}\n", "import { useEffect, useRef } from 'react';\n\nexport default function usePrevious<T>(value: T): T | undefined {\n    const ref = useRef<T>();\n    useEffect(() => {\n        ref.current = value;\n    });\n    return ref.current;\n}\n", "import { useRef, useLayoutEffect, useCallback } from 'react';\n\n/**\n * This is an escape hatch for the case where an event handler function depends on some states that changes too often thus the event handle is recreated frequently which causes bugs in some edge cases.\n *\n * For example if an old callback is called, it may not use the most recent props, but the previous props when that callback was created.\n */\n\ntype Fn<ARGS extends any[], R> = (...args: ARGS) => R;\nconst useEventCallback = <A extends any[], R>(fn: Fn<A, R>): Fn<A, R> => {\n    const ref = useRef<Fn<A, R>>(fn);\n    useLayoutEffect(() => {\n        ref.current = fn;\n    });\n    return useCallback((...args: A): R => ref.current(...args), []);\n};\n\nexport default useEventCallback;\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import type { FieldEntry } from '@splunk/visualizations-shared/dataSourceUtils';\nimport { startsWithNumber } from '@splunk/visualizations-shared/numberUtils';\nimport type { DashboardVizProps, DataSource, VizConfig } from '../interfaces';\nimport { VizBehavior } from '../interfaces';\nimport { ChartEvent } from '../interfaces/ChartEvent';\n\nexport const convertToArrOfObjects = (columns: (string | any[])[], fields: any[]): any[] => {\n    if (!columns || !columns[0] || !columns[0].length) return [];\n\n    const data = [];\n\n    for (let i = 0; i < columns[0].length; i += 1) {\n        const newObj = {};\n        fields.forEach((field, index) => {\n            const fieldName = getFieldName(field);\n            if (columns[index][i] === '') {\n                newObj[fieldName] = null;\n            } else {\n                newObj[fieldName] = columns[index][i];\n            }\n        });\n        data.push(newObj);\n    }\n\n    return data;\n};\n\nconst getFieldName = (field: FieldEntry | string): string => (typeof field === 'string' ? field : field.name);\n\n// LTTB algorithm which can be used to downsample time series data while striving to maintain\n// the spikes and overall shape of the chart\n// Copied from https://github.com/sveinn-steinarsson/flot-downsample/blob/0815010016fc94b1bbc6a010afb8aad13ada6d0d/jquery.flot.downsample.js\n// Modifications include:\n// 1) Convert to modern JavaScript(use const, let, and use array.push to push to last element of array)\n// 2) Convert to camel case\n// 3) Convert to TS and also return the indices of the points that are in the downsampled result.\n// 4) Add a new parameter preferredDownsampleIndices that correspond to the indices of points\n// that should be used in case of a tie of the max area in a bucket\nconst largestTriangleThreeBuckets = (\n    data: [Date | number, number][],\n    threshold: number,\n    preferredDownsampleIndices: Set<number>\n): {\n    downsampledData: [Date | number, number][];\n    downsampledIndices: number[];\n} => {\n    const dataLength = data.length;\n    const downsampledIndices = [];\n    if (threshold >= dataLength || threshold === 0) {\n        const allIndices = data.map((values, index) => index);\n        return { downsampledData: data, downsampledIndices: allIndices }; // Nothing to do\n    }\n\n    const sampled: [Date | number, number][] = [];\n    let sampledIndex = 0;\n\n    // Bucket size. Leave room for start and end data points\n    const every = (dataLength - 2) / (threshold - 2);\n\n    let a = 0; // Initially a is the first point in the triangle\n    let maxAreaPoint: [Date | number, number];\n    let maxArea: number | undefined;\n    let area: number | undefined;\n    let nextA: number | undefined;\n\n    sampled.push(data[a]); // Always add the first point\n    downsampledIndices.push(0);\n\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i < threshold - 2; i++) {\n        // Calculate point average for next bucket (containing c)\n        let avgX = 0;\n        let avgY = 0;\n        let avgRangeStart = Math.floor((i + 1) * every) + 1;\n        let avgRangeEnd = Math.floor((i + 2) * every) + 1;\n        avgRangeEnd = avgRangeEnd < dataLength ? avgRangeEnd : dataLength;\n\n        const avgRangeLength = avgRangeEnd - avgRangeStart;\n\n        // eslint-disable-next-line no-plusplus\n        for (; avgRangeStart < avgRangeEnd; avgRangeStart++) {\n            avgX += Number(data[avgRangeStart][0]); // * 1 enforces Number (value may be Date)\n            avgY += data[avgRangeStart][1] * 1;\n        }\n        avgX /= avgRangeLength;\n        avgY /= avgRangeLength;\n\n        // Get the range for this bucket\n        let rangeOffs = Math.floor((i + 0) * every) + 1;\n        const rangeTo = Math.floor((i + 1) * every) + 1;\n\n        // Point a\n        const pointAX = Number(data[a][0]); // Enforce Number (value may be Date)\n        const pointAY = data[a][1] * 1;\n\n        // eslint-disable-next-line no-multi-assign\n        maxArea = area = -1;\n        let maxAreaIndex = rangeOffs;\n\n        // eslint-disable-next-line no-plusplus\n        for (; rangeOffs < rangeTo; rangeOffs++) {\n            // Calculate triangle area over three buckets\n            area =\n                Math.abs(\n                    (pointAX - avgX) * (data[rangeOffs][1] - pointAY) -\n                        (pointAX - Number(data[rangeOffs][0])) * (avgY - pointAY)\n                ) * 0.5;\n            // Modification: try to downsample the least amount of points possible when there are multiple series\n            // If all points in a bucket have the same area, prioritize the one with an x index\n            // that also existed from another series so we don't add another point unnecessarily.\n            // By default LTTB picks the leftmost point in the bucket\n            if (area > maxArea || (area === maxArea && preferredDownsampleIndices.has(rangeOffs))) {\n                maxArea = area;\n                maxAreaPoint = data[rangeOffs];\n                nextA = rangeOffs; // Next a is this b\n                // Modification: save the index of the point with the most area\n                maxAreaIndex = rangeOffs;\n            }\n        }\n\n        // eslint-disable-next-line no-plusplus\n        sampled[sampledIndex++] = maxAreaPoint; // Pick this point from the bucket\n        downsampledIndices.push(maxAreaIndex);\n        a = nextA; // This a is the next a (chosen b)\n    }\n\n    // eslint-disable-next-line no-plusplus\n    sampled[sampledIndex++] = data[dataLength - 1]; // Always add last\n    downsampledIndices.push(dataLength - 1);\n\n    return { downsampledData: sampled, downsampledIndices };\n};\n\nexport type DownsampleOptions = { threshold: number } & Pick<DashboardVizProps, 'dataSources' | 'options'>;\n\ntype CoerceYColumnResult = {\n    canDownsampleColumn: boolean;\n    canLooselyCoerceSomeValues: boolean;\n    coercedColumn: number[];\n};\n\n/**\n * Strictly coerces the entire column to numbers if it only consists of numeric strings or numbers. Also determines\n * if at least one of the values in the column can be loosely coerced to a number.\n * If the column cannot be strictly downsampled (if it contains nulls or non-numeric strings), returns an empty array and\n * returns that it cannot downsample the column.\n */\nconst strictlyCoerceYColumn = (\n    column: (string | number)[] | number[],\n    options: DownsampleOptions['options']\n): CoerceYColumnResult => {\n    const isNullCoercionEnabled = options.nullValueDisplay === 'zero';\n    // Splunk charting allows for numbers in formats such as negative hex that\n    // Number() does not support and also allows loose coercion of hex numbers (but not other formats)\n    // We want to identify columns which contain at least one value that can be loosely coerced\n    const canLooselyCoerceSomeValues =\n        column.findIndex(\n            value => startsWithNumber(`${value}`) || (isNullCoercionEnabled && value === null)\n        ) >= 0;\n\n    // If not all values in column can be strictly coerced to a number, we do not downsample\n    const coercedColumn: number[] = [];\n    const canDownsampleColumn = !column.some(value => {\n        const coercedValue = Number(value);\n        const coerceValueToZero = isNullCoercionEnabled && value === null;\n\n        // if it can't be parsed or isn't safe, fail\n        if (\n            Number.isNaN(coercedValue) ||\n            coercedValue <= Number.MIN_SAFE_INTEGER ||\n            coercedValue >= Number.MAX_SAFE_INTEGER ||\n            (typeof value !== 'string' && typeof value !== 'number' && !coerceValueToZero)\n        ) {\n            return true;\n        }\n        // save value and continue to next\n        coercedColumn.push(coercedValue);\n        return false;\n    });\n\n    return {\n        canDownsampleColumn,\n        canLooselyCoerceSomeValues,\n        coercedColumn: canDownsampleColumn ? coercedColumn : [],\n    };\n};\n\n/**\n * Tries to coerce the x-column to numbers or dates, if it is eligible for downsampling.\n * Only strictly increasing x-columns are eligible for downsampling.\n * If the column is not eligible for downsampling, returns an empty array.\n */\nconst strictlyCoerceXColumn = (column: (string | number)[], fieldType: string): Date[] | number[] => {\n    if (fieldType === 'number') {\n        const coercedXColumn = column.map(xValue => Number(xValue));\n        if (isColumnStrictlyIncreasing(coercedXColumn, fieldType)) {\n            return coercedXColumn;\n        }\n    } else if (fieldType === 'time') {\n        const coercedXColumn = column.map(xValue => new Date(xValue));\n        if (isColumnStrictlyIncreasing(coercedXColumn, fieldType)) {\n            return coercedXColumn;\n        }\n    }\n    return [];\n};\n\nexport const isDownsamplingEnabledForViz = ({ vizConfig }: { vizConfig: VizConfig }) => {\n    return vizConfig.supports?.includes(VizBehavior.DOWNSAMPLING);\n};\n\nexport const calculateThresholdOnRangeSelect = ({\n    firstIndex,\n    lastIndex,\n    dataSources,\n    width,\n}: Pick<DashboardVizProps, 'dataSources'> & {\n    firstIndex: number;\n    lastIndex: number;\n    width: number | string;\n}): number => {\n    const window = lastIndex - firstIndex + 1;\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    const ratio = Math.round(Number(dataSources?.primary?.data?.columns[0]?.length / window) * 10) / 10;\n    return Math.round(ratio * Number(width));\n};\n\n/**\n * Calculates the downsampling threshold based on the range selection. If search zoom is enabled or there is no selection,\n * then returns the width of the visualization.\n *\n * Otherwise calculates the threshold based on the ratio of the window selected compared to the size of the non-downsampled\n * data sources. Returns null if the chart event's dataset does not match the passed in primary data source or if the chart is zoomed\n * in for a categorical chart.\n */\nexport const calculateDownsamplingThreshold = ({\n    enableSearchZoom,\n    dataSources,\n    selectChartEvent,\n    width,\n    xField,\n}: {\n    enableSearchZoom: boolean;\n    dataSources: Record<string, DataSource> | null;\n    selectChartEvent: ChartEvent<'chartRangeSelect'> | null;\n    width: number;\n    xField: string;\n}): number | null => {\n    if (enableSearchZoom || !selectChartEvent) {\n        return Number(width);\n    }\n\n    const primaryDataSource = dataSources?.primary;\n    if (!primaryDataSource) {\n        return null;\n    }\n\n    const { startXIndex, endXIndex, currentTarget } = selectChartEvent;\n\n    try {\n        const xFieldIndex = primaryDataSource?.data?.fields.findIndex(field => {\n            const name = typeof field === 'string' ? field : field.name;\n            return name === xField;\n        });\n        const downsampledXFieldIndex = currentTarget.dataSet?.fields.findIndex(field => field === xField);\n\n        if (xFieldIndex === -1 || downsampledXFieldIndex === -1) {\n            return null;\n        }\n\n        const fullSeries = primaryDataSource?.data?.columns[xFieldIndex];\n        const downsampledSeries = currentTarget.dataSet.seriesList[downsampledXFieldIndex];\n\n        const firstIndex = fullSeries.findIndex(x => {\n            return downsampledSeries[startXIndex] === x;\n        });\n        const lastIndex = fullSeries.findIndex(x => {\n            return downsampledSeries[endXIndex] === x;\n        });\n\n        if (firstIndex >= 0 && lastIndex >= 0 && firstIndex <= lastIndex) {\n            return calculateThresholdOnRangeSelect({\n                firstIndex,\n                lastIndex,\n                dataSources,\n                width,\n            });\n        }\n    } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error('Error occurred while setting downsample threshold on range select event', e);\n    }\n\n    return null;\n};\n\nconst isColumnStrictlyIncreasing = (column: (number | Date)[], fieldType: 'number' | 'time') => {\n    return column.every((value, index) => {\n        if (fieldType === 'number') {\n            if (Number.isNaN(value)) {\n                return false;\n            }\n        }\n\n        if (fieldType === 'time') {\n            if (Number.isNaN((value as Date).getTime())) {\n                return false;\n            }\n        }\n        if (index === 0) {\n            return true;\n        }\n        return value > column[index - 1];\n    });\n};\n\n/**\n * Verifies that all of the columns that are displayed in a chart can be downsampled. Valid columns that can be\n * displayed are those that contain at least one number. We can only downsample columns that only consist of numbers.\n *\n * If all columns can be downsampled, returns the x column coerced to time/number and y columns coerced to numbers.\n * If not all columns can be downsampled, then returns empty arrays for both x and y\n */\nconst tryToCoerceAllDisplayedFields = (\n    ds: DataSource,\n    xField: string,\n    yFields: Set<string>,\n    fieldTypes: string[],\n    options: DownsampleOptions['options']\n): { xColumn: Date[] | number[]; yColumns: number[][] } => {\n    let xColumn: Date[] | number[] = [];\n    const yColumns: number[][] = [];\n\n    const canDownsample = !ds.data.fields.some((field, index) => {\n        const fieldName = getFieldName(field);\n        const fieldType = fieldTypes[index] ?? 'unknown';\n        const column = ds.data.columns[index];\n        let hasDisplayedColumnThatCantBeDownsampled = false;\n\n        if (fieldName === xField) {\n            xColumn = strictlyCoerceXColumn(column, fieldType);\n        } else if (yFields.has(fieldName)) {\n            const { coercedColumn, canLooselyCoerceSomeValues, canDownsampleColumn } = strictlyCoerceYColumn(\n                ds.data.columns[index],\n                options\n            );\n            // do not perform downsampling if a column can possibly be displayed but cannot\n            // be downsampled using LTTB\n            hasDisplayedColumnThatCantBeDownsampled = canLooselyCoerceSomeValues && !canDownsampleColumn;\n            if (hasDisplayedColumnThatCantBeDownsampled) {\n                return true;\n            }\n            if (canDownsampleColumn) {\n                yColumns.push(coercedColumn);\n            }\n        }\n        return false;\n    });\n\n    if (canDownsample) {\n        return { xColumn, yColumns };\n    }\n    return { xColumn: [], yColumns: [] };\n};\n\nconst pickIndicesFromDataSource = (ds: DataSource, indices: Set<number>): DataSource => {\n    const sortedIndices = Array.from(indices).sort((a: number, b: number) => a - b);\n    const slicedColumns = [];\n    ds.data.columns.forEach(column => {\n        const slicedColumn = [];\n        sortedIndices.forEach(index => {\n            slicedColumn.push(column[index]);\n        });\n        slicedColumns.push(slicedColumn);\n    });\n\n    // update data columns with downsampled columns\n    return {\n        ...ds,\n        data: {\n            ...ds.data,\n            columns: slicedColumns,\n        },\n    };\n};\n\nexport const downsampleDataSources = ({ dataSources, threshold, options }: DownsampleOptions) => {\n    const primaryDS = dataSources?.primary;\n    // only downsample time series when number of data points are over threshold\n    const numPoints = primaryDS?.data?.columns[0]?.length ?? 0;\n    if (Number.isNaN(threshold) || numPoints <= threshold || threshold < 2) {\n        return dataSources;\n    }\n\n    const { xField, yFields, fieldTypes } = options;\n    if (!xField || !yFields?.length || !fieldTypes?.length) {\n        return dataSources;\n    }\n\n    const nonInternalYFields = new Set<string>(yFields.filter(yField => !yField.startsWith('_')));\n    const maxPointsInDownsample = Math.min(nonInternalYFields.size * threshold, numPoints);\n\n    // Do not try to downsample if there are too many downsampled pts\n    // At the worst case, each series has non-overlapping downsampled pts\n    // which will mean that all points will be included in the downsampled result\n    // This will just lead to additional overhead due to coercing each\n    // x and y field to number\n    if (maxPointsInDownsample >= numPoints) {\n        return dataSources;\n    }\n\n    const { xColumn, yColumns } = tryToCoerceAllDisplayedFields(\n        primaryDS,\n        xField,\n        nonInternalYFields,\n        fieldTypes,\n        options\n    );\n\n    if (!yColumns.length || !xColumn.length) {\n        return dataSources;\n    }\n\n    const downsampledDataSources = { ...dataSources };\n    const downsampledIndices = new Set<number>();\n\n    yColumns.forEach((yColumn, columnIndex) => {\n        // perform LTTB downsampling for current series, LTTB takes an [x, y] pair\n        const xyPair: [Date | number, number][] = yColumn.map((yValue, index) => {\n            return [xColumn[index], yValue];\n        });\n\n        try {\n            const { downsampledIndices: downsampledIndicesForSeries } = largestTriangleThreeBuckets(\n                xyPair,\n                threshold,\n                downsampledIndices\n            );\n            downsampledIndicesForSeries.forEach(downsampleIndex => downsampledIndices.add(downsampleIndex));\n        } catch (e) {\n            // eslint-disable-next-line no-console\n            console.error(`Error occurred while downsampling column ${columnIndex}`, e);\n        }\n    });\n    // update data columns with downsampled columns\n    downsampledDataSources.primary = pickIndicesFromDataSource(primaryDS, downsampledIndices);\n\n    return downsampledDataSources;\n};\n", "\nimport * as defaultImport from \"@splunk/visualization-context/FeatureFlagContext\";\nexport * from \"@splunk/visualization-context/FeatureFlagContext\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-schemas\";\nexport * from \"@splunk/visualization-schemas\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { useContext } from 'react';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport { LAYOUT_TYPE } from '@splunk/visualization-schemas';\n\nexport const useTrellisFeatureFlagOn = (): boolean => {\n    const context = useContext(FeatureFlagContext) as Record<string, unknown>;\n    return Boolean(context?.visualizations_enableTrellis);\n};\n\nexport const useTrellisEnabled = (layoutType = LAYOUT_TYPE.Off): boolean => {\n    const trellisFeatureEnabled = useTrellisFeatureFlagOn();\n    return trellisFeatureEnabled && layoutType === LAYOUT_TYPE.Trellis;\n};\n", "import * as React from 'react';\nimport styled from 'styled-components';\n\nexport const TRELLIS_TITLE_HEIGHT = 28;\n\nconst TrellisTitleText = styled.div`\n    margin-left: 10px;\n    margin-right: 10px;\n    padding-top: 8px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n`;\n\nconst TrellisTitleDiv = styled.div<{\n    fontColor: string;\n    backgroundColor: string;\n}>`\n    height: ${TRELLIS_TITLE_HEIGHT}px;\n    font-size: 14px;\n    font-weight: 700;\n    color: ${props => props.fontColor};\n    background-color: ${props => props.backgroundColor};\n    box-shadow: 0 1px ${props => props.backgroundColor}; // this is added to avoid a 1px gap between title and viz divs that showed up intermittently because of pixel rounding error in chrome.\n`;\n\ninterface TrellisTitleProps {\n    fontColor: string;\n    backgroundColor: string;\n    trellisKey: unknown;\n}\n\nexport const TrellisTitle = (props: TrellisTitleProps) => {\n    const titleText = String(props.trellisKey).toString();\n    return (\n        <TrellisTitleDiv\n            fontColor={props.fontColor}\n            backgroundColor={props.backgroundColor}\n            data-test=\"trellis-title\"\n            title={titleText}\n        >\n            <TrellisTitleText>{titleText}</TrellisTitleText>\n        </TrellisTitleDiv>\n    );\n};\n"],
+  "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "i18n_exports", "i18n_default", "defaultImport", "i18n_exports", "i18n_default", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "window", "defaultImport", "defaultImport", "_a"]
 }

package/common/OptionsDoc.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/common/OptionsDoc.jsx", "esm-externals:react", "esm-externals:prop-types", "esm-externals:lodash/isEmpty", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/react-ui/Heading", "esm-externals:@splunk/react-ui/Markdown", "esm-externals:styled-components", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/configUtils", "../.storybook/utils/storybookUtils.ts"],
-  "sourcesContent": ["import React from 'react';\nimport T from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Heading from '@splunk/react-ui/Heading';\nimport Markdown from '@splunk/react-ui/Markdown';\nimport styled from 'styled-components';\nimport { merge } from 'lodash';\nimport { getOptionDisplayType, getPatternOptions } from '../../.storybook/utils/storybookUtils';\n\nconst Option = styled.div`\n    margin-top: 20px;\n`;\nconst OptionName = styled.div`\n    color: #5ca300;\n    padding-bottom: 5px;\n`;\nconst PairContainer = styled.div`\n    margin-left: 40px;\n    margin-top: 10px;\n`;\nconst PairTitle = styled.span`\n    display: inline-block;\n    color: #8293a7;\n    width: 80px;\n`;\n\nconst PairValue = styled.span`\n    font-family: 'Splunk Platform Mono', monospace;\n    white-space: pre;\n`;\n\nconst PairValueJSON = styled.div`\n    margin-left: 80px;\n    pre {\n        margin: 0;\n    }\n    code {\n        font-size: 12px;\n        font-family: 'Splunk Platform Mono', monospace;\n    }\n`;\n\nconst PropertiesWrapper = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 0 : 40)}px;\n    margin-top: 20px;\n`;\n\nconst PropertiesContainer = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 40 : 0)}px;\n    margin-top: 10px;\n`;\n\nconst PropertiesContent = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 40 : 0)}px;\n`;\n\n/**\n * @method isOneOfJsonSchema\n * @param {object} item\n * @returns {boolean}\n */\nconst isOneOfJsonSchema = item => item.oneOf && Array.isArray(item.oneOf);\n\n/**\n * get Or type as string\n * @method getOrType\n * @param {object} item\n * @param {string} res\n * @returns {string} res  eg: (string | number)\n */\nconst getOrType = item => {\n    let res = '';\n\n    if (isOneOfJsonSchema(item)) {\n        res = item.oneOf\n            .map(one => {\n                if (one.type !== 'array') {\n                    return one.type;\n                }\n                // eslint-disable-next-line no-use-before-define\n                return getArrayType(one, '');\n            })\n            .join(' | ');\n    } else if (Array.isArray(item.type)) {\n        if (isEmpty(item.default)) {\n            return item.type.join(' | ');\n        }\n\n        res = item.type.filter(itemType => itemType !== 'string').join(' | ');\n        res += ' | ';\n        res += `\"${item.default}\"`;\n    }\n\n    return res;\n};\n\n/**\n * get the array type as string\n * @method getArrayType\n * @param {object} item\n * @param {string} res\n * @returns {string} res  eg: arrayOf(arrayOf(string | number | arrayOf(string | number)))\n */\nconst getArrayType = (item, res = '') => {\n    if (item.type !== 'array') {\n        if (Array.isArray(item.type) || isOneOfJsonSchema(item)) {\n            return getOrType(item);\n        }\n\n        return item.type;\n    }\n\n    if (item.type === 'array') {\n        res += 'arrayOf('; // eslint-disable-line no-param-reassign\n    }\n    res += getArrayType(item.items, ''); // eslint-disable-line no-param-reassign\n    res += ')'; // eslint-disable-line no-param-reassign\n    return res;\n};\n\n/**\n * get the type of this option item\n * @method getType\n * @param {ojbect} item option item\n * @returns {string} type\n */\nexport const getType = item => {\n    if (isOneOfJsonSchema(item)) {\n        return `oneOf(${getOrType(item)})`;\n    }\n    if (item.enum && Array.isArray(item.enum)) {\n        const values =\n            !isEmpty(item.enum) && typeof item.enum[0] === 'string'\n                ? item.enum.map(v => `\"${v}\"`).join(', ')\n                : item.enum.join(', ');\n\n        return `oneOf([${values}])`;\n    }\n\n    if (Array.isArray(item.type)) {\n        return getOrType(item);\n    }\n\n    if (item.type === 'array') {\n        if ('items' in item) {\n            return `arrayOf(${getType(item.items)})`;\n        }\n        return 'array';\n    }\n    return item.type;\n};\n\n/**\n * get the default value as string\n * @method getDefaultValue\n * @param {object | boolean | number | string} defaultValue\n * @returns {string | object[]} default value\n */\nconst getDefaultValue = defaultValue => {\n    if (typeof defaultValue === 'boolean' || typeof defaultValue === 'number') {\n        return defaultValue.toString();\n    }\n    if (Array.isArray(defaultValue)) {\n        if (defaultValue.length > 1 && typeof defaultValue[0] === 'object') {\n            // return the array only if the defaultValue is an object array\n            return defaultValue;\n        }\n        const values = defaultValue.map(v => JSON.stringify(v)).join(', ');\n        return `[${values}]`;\n    }\n    return defaultValue;\n};\n\nconst Pair = ({ title, content }) => (\n    <PairContainer>\n        <PairTitle>{`${title}:`}</PairTitle>\n        {Array.isArray(content) ? (\n            <PairValueJSON>\n                <pre>\n                    <code>{JSON.stringify(content, null, 2)}</code>\n                </pre>\n            </PairValueJSON>\n        ) : (\n            <PairValue>{content}</PairValue>\n        )}\n    </PairContainer>\n);\n\nPair.propTypes = {\n    title: T.string,\n    content: T.oneOfType([T.string, T.arrayOf(T.object)]),\n};\n\nconst PropertyItems = ({ isPatternProperty = false, propsItems }) => (\n    <PropertiesContainer isPatternProperty={isPatternProperty}>\n        {isPatternProperty ? <PairTitle>{_('[fieldName]:')}</PairTitle> : null}\n        <PropertiesContent isPatternProperty={isPatternProperty}>{propsItems}</PropertiesContent>\n    </PropertiesContainer>\n);\n\nPropertyItems.propTypes = {\n    isPatternProperty: T.bool,\n    propsItems: T.array,\n};\n\nconst OptionItem = ({ name, type, desc, defaultValue, enumerable, PropertiesSection }) => (\n    <Option>\n        <OptionName>{name}</OptionName>\n        {desc ? <Markdown style={{ marginLeft: 40 }} text={desc} /> : null}\n        <Pair title={_('Type')} content={type} />\n        {enumerable?.length > 0 && (\n            <Pair\n                title={_('oneOf')}\n                content={`(${enumerable\n                    .map(\n                        entry =>\n                            `${typeof entry === 'string' ? '\"' : ''}${entry}${\n                                typeof entry === 'string' ? '\"' : ''\n                            }`\n                    )\n                    .join(' | ')})`}\n            />\n        )}\n        {defaultValue && <Pair title={_('Default')} content={defaultValue} />}\n        {PropertiesSection}\n    </Option>\n);\n\nOptionItem.propTypes = {\n    name: T.string,\n    type: T.string,\n    desc: T.string,\n    enumerable: T.arrayOf(T.oneOfType([T.string, T.number])),\n    defaultValue: T.oneOfType([T.string, T.arrayOf(T.object)]),\n    PropertiesSection: T.element,\n};\n\nOptionItem.default = {\n    PropertiesItem: null,\n};\n\nconst getPropertiesSection = (properties, patternProperties) => {\n    let allProperties = [];\n    let isPatternProperty = false;\n\n    // the properties either comes from property field of the option schema item\n    // or from the property field of each patternProperties of the option schema item\n    // can check table tableFormat and columnFormat as examples\n    if (!isEmpty(properties)) {\n        allProperties = [properties];\n    } else if (!isEmpty(patternProperties)) {\n        Object.keys(patternProperties).forEach(patternKey => {\n            const propsInPattern = patternProperties[patternKey].properties;\n            if (propsInPattern) {\n                allProperties.push(propsInPattern);\n            }\n        });\n\n        isPatternProperty = true;\n    }\n\n    if (allProperties.length) {\n        const allPropsItems = allProperties.map(props => {\n            const propsItems = Object.keys(props).map(pKey => {\n                const p = props[pKey];\n                let pType = p.anyOf?.[0]\n                    ? getOptionDisplayType({ ...p.anyOf?.[0], enum: p.enum })\n                    : getOptionDisplayType({ ...p, enum: p.enum });\n                const pDefault = getDefaultValue(p.default);\n\n                let pEnumerable;\n                // get nested oneOf property listing\n                if (typeof p.anyOf?.[0]?.pattern === 'string') {\n                    pEnumerable = getPatternOptions(p.anyOf[0].pattern);\n                } else if (p.anyOf?.[0]?.items?.enum?.length > 0) {\n                    // quick fix for nested `columnFormat` enumerables that replaces enums within brackets with raw JS types\n                    pType = pType.replace(/\\((.+?)\\)/g, 'string');\n                    pEnumerable = p.anyOf[0].items.enum;\n                } else if (p.anyOf?.[0]?.items?.items?.enum?.length > 0) {\n                    // quick fix for nested `tableFormat` enumerables that replaces enums within brackets with raw JS types\n                    pType = pType.replace(/\\((.+?)\\)/g, 'string');\n                    pEnumerable = p.anyOf[0].items.items.enum;\n                } else if (p.enum) {\n                    pEnumerable = p.enum;\n                }\n\n                // use the JS types (e.g. string, number) of the nested property if the nested property is an enumerable\n                if (pEnumerable?.length) {\n                    pType = p.anyOf?.[0]?.type !== 'array' ? p.anyOf?.[0]?.type : pType;\n                    if (Array.isArray(pType)) {\n                        pType = pType.join(' | ');\n                    }\n                }\n\n                return (\n                    <OptionItem\n                        key={pKey}\n                        name={pKey}\n                        type={pType}\n                        enumerable={pEnumerable}\n                        desc={p.description}\n                        defaultValue={pDefault}\n                    />\n                );\n            });\n            return (\n                <PropertyItems\n                    key={propsItems}\n                    isPatternProperty={isPatternProperty}\n                    propsItems={propsItems}\n                />\n            );\n        });\n\n        return <PropertiesWrapper isPatternProperty={isPatternProperty}>{allPropsItems}</PropertiesWrapper>;\n    }\n    return null;\n};\n\nconst OptionsDoc = ({ options, description, hiddenOptions = [] }) => (\n    <div>\n        {options.length === 0 ? (\n            <Heading level={4}> No Options</Heading>\n        ) : (\n            <Heading level={4}>Options</Heading>\n        )}\n        {description && <div>{description}</div>}\n        {Object.entries(options)\n            .filter(([key]) => !hiddenOptions.includes(key))\n            .map(([key, item]) => {\n                let type;\n                let enumerable = [];\n                let PropertiesSection = null;\n\n                // get oneOf property listing\n                if (typeof item.anyOf?.[0]?.pattern === 'string') {\n                    enumerable = getPatternOptions(item.anyOf[0].pattern);\n                } else if (item.anyOf?.[0]?.enum) {\n                    enumerable = item.anyOf?.[0]?.enum;\n                } else if (item.enum) {\n                    enumerable = item.enum;\n                }\n\n                // get the nested options inside {option}.items.anyof. e.g. 'layers' in Map\n                // eslint-disable-next-line no-unsafe-optional-chaining\n                if (item.anyOf?.[0]?.type === 'array' && 'anyOf' in item.anyOf?.[0]?.items) {\n                    type = getOptionDisplayType(item);\n                    const { patternProperties } = item;\n                    // merge the 3 objects together instead of showing the longest options in the array\n                    const option = item.anyOf?.[0]?.items?.anyOf;\n                    const mergedOptions = option.reduce((prev, next) => merge(prev, next), {});\n                    const { properties } = mergedOptions;\n                    PropertiesSection = getPropertiesSection(properties, patternProperties);\n                    return (\n                        <OptionItem\n                            key={key}\n                            name={key}\n                            type={type}\n                            enumerable={enumerable}\n                            desc={item.description}\n                            PropertiesSection={PropertiesSection}\n                        />\n                    );\n                }\n\n                if (item.type === 'object') {\n                    // get properties for object type\n                    type = item.type;\n                    const { properties } = item;\n                    const { patternProperties } = item;\n                    PropertiesSection = getPropertiesSection(properties, patternProperties);\n                } else if (enumerable?.length) {\n                    // use the JS types (e.g. string, number) of the property if the property is an enumerable\n                    type = item.anyOf?.[0]?.type;\n                    if (Array.isArray(type)) {\n                        type = type.join(' | ');\n                    }\n                } else {\n                    type = getOptionDisplayType({\n                        ...item.anyOf[0],\n                        enum: item.enum,\n                    });\n                }\n\n                return (\n                    <OptionItem\n                        key={key}\n                        name={key}\n                        // item.anyOf in the config.ts is a tuple which holds [{ type, pattern, items }, { type, pattern: DYNAMIC_OPTIONS_PATTERN }]\n                        type={type}\n                        enumerable={enumerable}\n                        desc={item.description}\n                        defaultValue={getDefaultValue(item.default)}\n                        PropertiesSection={PropertiesSection}\n                    />\n                );\n            })}\n    </div>\n);\n\nOptionsDoc.propTypes = {\n    options: T.object.isRequired,\n    description: T.string,\n    hiddenOptions: T.arrayOf(T.string),\n};\n\nexport default OptionsDoc;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"prop-types\";\nexport * from \"prop-types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"lodash/isEmpty\";\nexport * from \"lodash/isEmpty\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Heading\";\nexport * from \"@splunk/react-ui/Heading\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Markdown\";\nexport * from \"@splunk/react-ui/Markdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/configUtils\";\nexport * from \"@splunk/visualizations-shared/configUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { get, omit, reduce, toNumber, isString } from 'lodash';\nimport type { OptionsSchema } from '@splunk/visualization-schemas';\nimport { isDynamicOption } from '@splunk/visualizations-shared/configUtils';\n\ninterface ArgTypeControl {\n    type: string;\n    options?: string[];\n    min?: number;\n    max?: number;\n}\n\nexport interface ArgTypeEntry {\n    description?: string;\n    control: ArgTypeControl;\n    name: string;\n    defaultValue?: any;\n    type: { required: boolean };\n    optionType: string;\n    table: {\n        type: { summary: string };\n        defaultValue?: { summary: any };\n        category?: string;\n        subcategory?: string;\n        disable?: boolean;\n    };\n}\n\nexport interface ArgTypes {\n    [key: string]: ArgTypeEntry;\n}\n\ntype StoriesList = RegExp | string[];\n\n/**\n * Returns type options from pattern\n * @example\n * // returns ['fixed', 'absolute', 'off']\n * getPatternOptions('\\$(\\w+:)?([^$|:]+?)(\\|[|\\w]+)?\\$|^fixed$|^absolute$|^off$')\n * @example\n * // returns []\n * getPatternOptions('^>.*')\n * @param {string} patternString - visualization option type pattern\n * @return {string[]} array of type options\n */\nexport const getPatternOptions = (patternString): string[] => {\n    if (patternString.indexOf('^#[') === 0) {\n        return patternString.slice(1).replace(/\\$/g, '').split('|^');\n    }\n    return patternString.replace(/\\$/g, '').split('|^').slice(1);\n};\n/**\n * Returns Storybook display type for an option\n * @param {object} option - visualization option\n * @return {string} Storybook display type\n */\nexport const getOptionDisplayType = (option): string => {\n    const { oneOf, anyOf, type, enum: en, pattern, items } = option;\n    let displayTypes: string[] = [];\n\n    // wrap values in quotes only if enum or pattern is string\n    const conditionalQuote = type === 'string' ? '\"' : '';\n    if (en && Array.isArray(en)) {\n        displayTypes = en.map(e => {\n            const enumQuote = typeof e === 'string' ? '\"' : '';\n            return `${enumQuote}${e}${enumQuote}`;\n        });\n    } else if (type === 'array' && items) {\n        return `${getOptionDisplayType(items)}[]`;\n    } else if (anyOf && Array.isArray(anyOf)) {\n        return getOptionDisplayType(anyOf[0]);\n    } else if (oneOf && Array.isArray(oneOf)) {\n        displayTypes = oneOf.map(item => getOptionDisplayType(item));\n    } else if (Array.isArray(type)) {\n        displayTypes = type;\n    } else if (pattern) {\n        displayTypes = getPatternOptions(pattern).map(p => `${conditionalQuote}${p}${conditionalQuote}`);\n    }\n\n    if (displayTypes.length > 0) {\n        return `(${displayTypes.join(' | ')})`;\n    }\n    return type;\n};\n\n/**\n * Returns Storybook control type for an option\n * @param {object} option - visualization option\n * @param {string} optionKey - visualization option key\n * @return {ArgTypeControl} Storybook control object\n */\nexport const getOptionControl = (option, optionKey): ArgTypeControl => {\n    const { anyOf } = option;\n    const schema = Array.isArray(anyOf) && anyOf.length ? anyOf[0] : option;\n\n    const type = Array.isArray(schema.type) ? schema.type[0] : schema.type;\n    const { maximum, minimum, enum: en } = schema;\n\n    const isColorOption = new RegExp(/color/, 'i').test(optionKey) && type !== 'array';\n\n    if (isColorOption) {\n        return { type: 'color' };\n    } else if (en && Array.isArray(en)) {\n        return { type: 'select', options: en };\n    } else if (anyOf && type === 'string' && anyOf[0].pattern) {\n        return { type: 'select', options: getPatternOptions(anyOf[0].pattern) };\n    } else if (type === 'number' && (minimum || maximum)) {\n        return {\n            type: 'range',\n            ...(typeof minimum === 'number' && { min: minimum }),\n            ...(typeof maximum === 'number' && { max: maximum }),\n        };\n    } else if (type === 'string') {\n        return { type: 'text' };\n    }\n\n    return { type };\n};\n\n/**\n * platform specific visualization option argTypes\n */\nconst objectTableControl = { control: { type: 'object' } };\nconst disableTableControl = { table: { disable: true } };\nexport const platformOptionArgTypes = {\n    context: objectTableControl,\n    dataSources: objectTableControl,\n    dataSource: disableTableControl,\n    options: disableTableControl,\n    onEventTrigger: { action: 'eventTrigger', ...disableTableControl },\n    hasEventHandlers: disableTableControl,\n};\n\n/**\n * Returns formatted Storybook argTypes for a visualization from its options schema\n * @param {OptionsSchema} options - visualization options\n * @param {string[]} requiredProps - required visualization props\n * @param {boolean} isPlatformViz - indicates if pure or platform visualization\n * @param {string} subcategory - nested property parent option name\n * @return {ArgTypes} Storybook argTypes\n */\nexport const optionsSchemaToArgTypes = ({\n    options = {},\n    requiredProps = [],\n    isPlatformViz = false,\n    subcategory = null,\n}: {\n    options: OptionsSchema;\n    requiredProps: string[];\n    isPlatformViz?: boolean;\n    subcategory?: string;\n}): ArgTypes => {\n    const validObjectTypeOptions = [\n        'lineDashStylesByField',\n        'seriesColorsByField',\n        'fieldActions',\n        'highlightValuesByField',\n    ];\n    let argTypes: ArgTypes = {};\n    Object.keys(options).forEach(optionKey => {\n        const option = get(options, optionKey);\n        if (option.type === 'object' && !validObjectTypeOptions.includes(optionKey)) {\n            // do not support controls for patternProperties, only nested properties\n            if (option.properties) {\n                argTypes = {\n                    ...argTypes,\n                    ...optionsSchemaToArgTypes({\n                        options: option.properties as OptionsSchema,\n                        isPlatformViz,\n                        requiredProps,\n                        subcategory: optionKey,\n                    }),\n                };\n            }\n        } else {\n            const { description, default: optionDefault } = option;\n            const optionControl = getOptionControl(option, optionKey);\n            const control = isPlatformViz ? { type: 'text' } : optionControl;\n            const required = requiredProps.includes(optionKey);\n\n            let defaultValue = optionDefault;\n            if (!isPlatformViz && isDynamicOption(optionDefault as string)) {\n                defaultValue = null;\n            }\n\n            argTypes[optionKey] = {\n                description,\n                control,\n                name: optionKey,\n                defaultValue,\n                type: { required },\n                optionType: optionControl.type,\n                table: {\n                    type: { summary: getOptionDisplayType(option) },\n                    defaultValue: { summary: defaultValue },\n                    ...(subcategory && {\n                        category: 'Nested Options',\n                        subcategory,\n                    }),\n                },\n            };\n        }\n    });\n\n    if (isPlatformViz) {\n        Object.assign(argTypes, platformOptionArgTypes);\n    }\n    return argTypes;\n};\n\n/**\n * Helper which converts string visualization options to their required type\n * @param {any} value - option values\n * @param {string} expectedType - expected option type\n * @return {any} correctly typed option value\n */\nexport const transformOptionType = (value, expectedType = 'string'): any => {\n    const isStringValue = !isDynamicOption(value) && isString(value);\n    if (isStringValue && expectedType === 'boolean') return value == 'true';\n    else if (isStringValue && expectedType === 'number') return toNumber(value);\n    return value;\n};\n\n// stringify these fields for storybook controls' support\nconst FieldsToStringify = [\n    'layers',\n    'center',\n    'eventActions',\n    'fieldActions',\n    'legendLabels',\n    'lineDashStylesByField',\n    'seriesColors',\n    'additionalTooltipFields',\n    'seriesColorsByField',\n    'footerFields',\n    'highlightValuesByField',\n];\n\n/**\n * Helper which returns platform visualization options from Storybook controls\n * Utilizes argTypes to determine valid and nested options\n * @param {object} args - visualization story args\n * @param {ArgTypes} argTypes - visualization argTypes\n * @return {object} visualization options\n */\nexport const getOptionsFromArgTypes = (args: Record<string, any>, argTypes: ArgTypes): Record<string, any> =>\n    reduce(\n        argTypes,\n        (accum, val, option) => {\n            const subcategory = get(val, 'table.subcategory');\n            const { optionType, defaultValue } = argTypes[option];\n            let controlledOption = transformOptionType(get(args, option), optionType);\n            // filter options from react & json if set to default value or is undefined\n            if (optionType && controlledOption != null && controlledOption !== defaultValue) {\n                // parse the value if option is stringified as part of flattenVizOptions\n                if (FieldsToStringify.includes(option)) {\n                    try {\n                        controlledOption = JSON.parse(controlledOption);\n                    } catch (e) {\n                        controlledOption = null;\n                    }\n                }\n                if (subcategory) {\n                    if (!accum[subcategory]) accum[subcategory] = {};\n                    accum[subcategory][option] = controlledOption;\n                } else accum[option] = controlledOption;\n            }\n            return accum;\n        },\n        { ...omit(args.options, Object.keys(argTypes)) }\n    );\n\n/**\n * Helper which flattens objects single depth level\n * @param {object} options - visualization options object\n * @return {object} flattened visualization options\n */\nexport const flattenVizOptions = (options: Record<string, any>): Record<string, any> => {\n    const nonFlattenOptions = new Set([\n        'y2Fields',\n        'overlayFields',\n        'gaugeRanges',\n        'fieldActions',\n        'highlightValuesByField',\n        'headers',\n    ]);\n    return reduce(\n        options,\n        (accum, val, option) => {\n            if (!platformOptionArgTypes[option]) {\n                if (typeof val === 'object' && FieldsToStringify.includes(option))\n                    accum[option] = JSON.stringify(val);\n                else if (typeof val === 'object' && !nonFlattenOptions.has(option))\n                    accum = { ...accum, ...val };\n                else accum[option] = val;\n            }\n            return accum;\n        },\n        {}\n    );\n};\n/**\n * Returns value based on Storybook publishing status\n * @param {T} publishedStories - stories to include in published Storybook\n * @param {T} localStories - stories to include in local Storybook\n * @return {T} one of the two params\n */\nexport const getStoriesToInclude = <T>(publishedStories: T, localStories: T): T =>\n    process.env.STORYBOOK_PUBLISH ? publishedStories : localStories;\n\n/**\n * Returns component level stories to include, defaults to innclude all stories\n * @param {StoriesList} stories - stories to include in published Storybook\n * @return {object} CSF includeStories config\n */\nexport const componentStoriesToInclude = (stories: StoriesList): object =>\n    getStoriesToInclude({ includeStories: stories }, {});\n"],
+  "sourcesContent": ["import React from 'react';\nimport T from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Heading from '@splunk/react-ui/Heading';\nimport Markdown from '@splunk/react-ui/Markdown';\nimport styled from 'styled-components';\nimport { merge } from 'lodash';\nimport { getOptionDisplayType, getPatternOptions } from '../../.storybook/utils/storybookUtils';\n\nconst Option = styled.div`\n    margin-top: 20px;\n`;\nconst OptionName = styled.div`\n    color: #5ca300;\n    padding-bottom: 5px;\n`;\nconst PairContainer = styled.div`\n    margin-left: 40px;\n    margin-top: 10px;\n`;\nconst PairTitle = styled.span`\n    display: inline-block;\n    color: #8293a7;\n    width: 80px;\n`;\n\nconst PairValue = styled.span`\n    font-family: 'Splunk Platform Mono', monospace;\n    white-space: pre;\n`;\n\nconst PairValueJSON = styled.div`\n    margin-left: 80px;\n    pre {\n        margin: 0;\n    }\n    code {\n        font-size: 12px;\n        font-family: 'Splunk Platform Mono', monospace;\n    }\n`;\n\nconst PropertiesWrapper = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 0 : 40)}px;\n    margin-top: 20px;\n`;\n\nconst PropertiesContainer = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 40 : 0)}px;\n    margin-top: 10px;\n`;\n\nconst PropertiesContent = styled.div`\n    margin-left: ${props => (props.isPatternProperty ? 40 : 0)}px;\n`;\n\n/**\n * @method isOneOfJsonSchema\n * @param {object} item\n * @returns {boolean}\n */\nconst isOneOfJsonSchema = item => item.oneOf && Array.isArray(item.oneOf);\n\n/**\n * get Or type as string\n * @method getOrType\n * @param {object} item\n * @param {string} res\n * @returns {string} res  eg: (string | number)\n */\nconst getOrType = item => {\n    let res = '';\n\n    if (isOneOfJsonSchema(item)) {\n        res = item.oneOf\n            .map(one => {\n                if (one.type !== 'array') {\n                    return one.type;\n                }\n                // eslint-disable-next-line no-use-before-define\n                return getArrayType(one, '');\n            })\n            .join(' | ');\n    } else if (Array.isArray(item.type)) {\n        if (isEmpty(item.default)) {\n            return item.type.join(' | ');\n        }\n\n        res = item.type.filter(itemType => itemType !== 'string').join(' | ');\n        res += ' | ';\n        res += `\"${item.default}\"`;\n    }\n\n    return res;\n};\n\n/**\n * get the array type as string\n * @method getArrayType\n * @param {object} item\n * @param {string} res\n * @returns {string} res  eg: arrayOf(arrayOf(string | number | arrayOf(string | number)))\n */\nconst getArrayType = (item, res = '') => {\n    if (item.type !== 'array') {\n        if (Array.isArray(item.type) || isOneOfJsonSchema(item)) {\n            return getOrType(item);\n        }\n\n        return item.type;\n    }\n\n    if (item.type === 'array') {\n        res += 'arrayOf('; // eslint-disable-line no-param-reassign\n    }\n    res += getArrayType(item.items, ''); // eslint-disable-line no-param-reassign\n    res += ')'; // eslint-disable-line no-param-reassign\n    return res;\n};\n\n/**\n * get the type of this option item\n * @method getType\n * @param {ojbect} item option item\n * @returns {string} type\n */\nexport const getType = item => {\n    if (isOneOfJsonSchema(item)) {\n        return `oneOf(${getOrType(item)})`;\n    }\n    if (item.enum && Array.isArray(item.enum)) {\n        const values =\n            !isEmpty(item.enum) && typeof item.enum[0] === 'string'\n                ? item.enum.map(v => `\"${v}\"`).join(', ')\n                : item.enum.join(', ');\n\n        return `oneOf([${values}])`;\n    }\n\n    if (Array.isArray(item.type)) {\n        return getOrType(item);\n    }\n\n    if (item.type === 'array') {\n        if ('items' in item) {\n            return `arrayOf(${getType(item.items)})`;\n        }\n        return 'array';\n    }\n    return item.type;\n};\n\n/**\n * get the default value as string\n * @method getDefaultValue\n * @param {object | boolean | number | string} defaultValue\n * @returns {string | object[]} default value\n */\nconst getDefaultValue = defaultValue => {\n    if (typeof defaultValue === 'boolean' || typeof defaultValue === 'number') {\n        return defaultValue.toString();\n    }\n    if (Array.isArray(defaultValue)) {\n        if (defaultValue.length > 1 && typeof defaultValue[0] === 'object') {\n            // return the array only if the defaultValue is an object array\n            return defaultValue;\n        }\n        const values = defaultValue.map(v => JSON.stringify(v)).join(', ');\n        return `[${values}]`;\n    }\n    return defaultValue;\n};\n\nconst Pair = ({ title, content }) => (\n    <PairContainer>\n        <PairTitle>{`${title}:`}</PairTitle>\n        {Array.isArray(content) ? (\n            <PairValueJSON>\n                <pre>\n                    <code>{JSON.stringify(content, null, 2)}</code>\n                </pre>\n            </PairValueJSON>\n        ) : (\n            <PairValue>{content}</PairValue>\n        )}\n    </PairContainer>\n);\n\nPair.propTypes = {\n    title: T.string,\n    content: T.oneOfType([T.string, T.arrayOf(T.object)]),\n};\n\nconst PropertyItems = ({ isPatternProperty = false, propsItems }) => (\n    <PropertiesContainer isPatternProperty={isPatternProperty}>\n        {isPatternProperty ? <PairTitle>{_('[fieldName]:')}</PairTitle> : null}\n        <PropertiesContent isPatternProperty={isPatternProperty}>{propsItems}</PropertiesContent>\n    </PropertiesContainer>\n);\n\nPropertyItems.propTypes = {\n    isPatternProperty: T.bool,\n    propsItems: T.array,\n};\n\nconst OptionItem = ({ name, type, desc, defaultValue, enumerable, PropertiesSection }) => (\n    <Option>\n        <OptionName>{name}</OptionName>\n        {desc ? <Markdown style={{ marginLeft: 40 }} text={desc} /> : null}\n        <Pair title={_('Type')} content={type} />\n        {enumerable?.length > 0 && (\n            <Pair\n                title={_('oneOf')}\n                content={`(${enumerable\n                    .map(\n                        entry =>\n                            `${typeof entry === 'string' ? '\"' : ''}${entry}${\n                                typeof entry === 'string' ? '\"' : ''\n                            }`\n                    )\n                    .join(' | ')})`}\n            />\n        )}\n        {defaultValue && <Pair title={_('Default')} content={defaultValue} />}\n        {PropertiesSection}\n    </Option>\n);\n\nOptionItem.propTypes = {\n    name: T.string,\n    type: T.string,\n    desc: T.string,\n    enumerable: T.arrayOf(T.oneOfType([T.string, T.number])),\n    defaultValue: T.oneOfType([T.string, T.arrayOf(T.object)]),\n    PropertiesSection: T.element,\n};\n\nOptionItem.default = {\n    PropertiesItem: null,\n};\n\nconst getPropertiesSection = (properties, patternProperties) => {\n    let allProperties = [];\n    let isPatternProperty = false;\n\n    // the properties either comes from property field of the option schema item\n    // or from the property field of each patternProperties of the option schema item\n    // can check table tableFormat and columnFormat as examples\n    if (!isEmpty(properties)) {\n        allProperties = [properties];\n    } else if (!isEmpty(patternProperties)) {\n        Object.keys(patternProperties).forEach(patternKey => {\n            const propsInPattern = patternProperties[patternKey].properties;\n            if (propsInPattern) {\n                allProperties.push(propsInPattern);\n            }\n        });\n\n        isPatternProperty = true;\n    }\n\n    if (allProperties.length) {\n        const allPropsItems = allProperties.map(props => {\n            const propsItems = Object.keys(props).map(pKey => {\n                const p = props[pKey];\n                let pType = p.anyOf?.[0]\n                    ? getOptionDisplayType({ ...p.anyOf?.[0], enum: p.enum })\n                    : getOptionDisplayType({ ...p, enum: p.enum });\n                const pDefault = getDefaultValue(p.default);\n\n                let pEnumerable;\n                // get nested oneOf property listing\n                if (typeof p.anyOf?.[0]?.pattern === 'string') {\n                    pEnumerable = getPatternOptions(p.anyOf[0].pattern);\n                } else if (p.anyOf?.[0]?.items?.enum?.length > 0) {\n                    // quick fix for nested `columnFormat` enumerables that replaces enums within brackets with raw JS types\n                    pType = pType.replace(/\\((.+?)\\)/g, 'string');\n                    pEnumerable = p.anyOf[0].items.enum;\n                } else if (p.anyOf?.[0]?.items?.items?.enum?.length > 0) {\n                    // quick fix for nested `tableFormat` enumerables that replaces enums within brackets with raw JS types\n                    pType = pType.replace(/\\((.+?)\\)/g, 'string');\n                    pEnumerable = p.anyOf[0].items.items.enum;\n                } else if (p.enum) {\n                    pEnumerable = p.enum;\n                }\n\n                // use the JS types (e.g. string, number) of the nested property if the nested property is an enumerable\n                if (pEnumerable?.length) {\n                    pType = p.anyOf?.[0]?.type !== 'array' ? p.anyOf?.[0]?.type : pType;\n                    if (Array.isArray(pType)) {\n                        pType = pType.join(' | ');\n                    }\n                }\n\n                return (\n                    <OptionItem\n                        key={pKey}\n                        name={pKey}\n                        type={pType}\n                        enumerable={pEnumerable}\n                        desc={p.description}\n                        defaultValue={pDefault}\n                    />\n                );\n            });\n            return (\n                <PropertyItems\n                    key={propsItems}\n                    isPatternProperty={isPatternProperty}\n                    propsItems={propsItems}\n                />\n            );\n        });\n\n        return <PropertiesWrapper isPatternProperty={isPatternProperty}>{allPropsItems}</PropertiesWrapper>;\n    }\n    return null;\n};\n\nconst OptionsDoc = ({ options, description, hiddenOptions = [] }) => (\n    <div>\n        {options.length === 0 ? (\n            <Heading level={4}> No Options</Heading>\n        ) : (\n            <Heading level={4}>Options</Heading>\n        )}\n        {description && <div>{description}</div>}\n        {Object.entries(options)\n            .filter(([key]) => !hiddenOptions.includes(key))\n            .map(([key, item]) => {\n                let type;\n                let enumerable = [];\n                let PropertiesSection = null;\n\n                // get oneOf property listing\n                if (typeof item.anyOf?.[0]?.pattern === 'string') {\n                    enumerable = getPatternOptions(item.anyOf[0].pattern);\n                } else if (item.anyOf?.[0]?.enum) {\n                    enumerable = item.anyOf?.[0]?.enum;\n                } else if (item.enum) {\n                    enumerable = item.enum;\n                }\n\n                // get the nested options inside {option}.items.anyof. e.g. 'layers' in Map\n                // eslint-disable-next-line no-unsafe-optional-chaining\n                if (item.anyOf?.[0]?.type === 'array' && 'anyOf' in item.anyOf?.[0]?.items) {\n                    type = getOptionDisplayType(item);\n                    const { patternProperties } = item;\n                    // merge the 3 objects together instead of showing the longest options in the array\n                    const option = item.anyOf?.[0]?.items?.anyOf;\n                    const mergedOptions = option.reduce((prev, next) => merge(prev, next), {});\n                    const { properties } = mergedOptions;\n                    PropertiesSection = getPropertiesSection(properties, patternProperties);\n                    return (\n                        <OptionItem\n                            key={key}\n                            name={key}\n                            type={type}\n                            enumerable={enumerable}\n                            desc={item.description}\n                            PropertiesSection={PropertiesSection}\n                        />\n                    );\n                }\n\n                if (item.type === 'object') {\n                    // get properties for object type\n                    type = item.type;\n                    const { properties } = item;\n                    const { patternProperties } = item;\n                    PropertiesSection = getPropertiesSection(properties, patternProperties);\n                } else if (enumerable?.length) {\n                    // use the JS types (e.g. string, number) of the property if the property is an enumerable\n                    type = item.anyOf?.[0]?.type;\n                    if (Array.isArray(type)) {\n                        type = type.join(' | ');\n                    }\n                } else {\n                    type = getOptionDisplayType({\n                        ...item.anyOf[0],\n                        enum: item.enum,\n                    });\n                }\n\n                return (\n                    <OptionItem\n                        key={key}\n                        name={key}\n                        // item.anyOf in the config.ts is a tuple which holds [{ type, pattern, items }, { type, pattern: DYNAMIC_OPTIONS_PATTERN }]\n                        type={type}\n                        enumerable={enumerable}\n                        desc={item.description}\n                        defaultValue={getDefaultValue(item.default)}\n                        PropertiesSection={PropertiesSection}\n                    />\n                );\n            })}\n    </div>\n);\n\nOptionsDoc.propTypes = {\n    options: T.object.isRequired,\n    description: T.string,\n    hiddenOptions: T.arrayOf(T.string),\n};\n\nexport default OptionsDoc;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"prop-types\";\nexport * from \"prop-types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"lodash/isEmpty\";\nexport * from \"lodash/isEmpty\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Heading\";\nexport * from \"@splunk/react-ui/Heading\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Markdown\";\nexport * from \"@splunk/react-ui/Markdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/configUtils\";\nexport * from \"@splunk/visualizations-shared/configUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { get, omit, reduce, toNumber, isString } from 'lodash';\nimport type { OptionsSchema } from '@splunk/visualization-schemas';\nimport { isDynamicOption } from '@splunk/visualizations-shared/configUtils';\n\ninterface ArgTypeControl {\n    type: string;\n    options?: string[];\n    min?: number;\n    max?: number;\n}\n\nexport interface ArgTypeEntry {\n    description?: string;\n    control: ArgTypeControl;\n    name: string;\n    defaultValue?: any;\n    type: { required: boolean };\n    optionType: string;\n    table: {\n        type: { summary: string };\n        defaultValue?: { summary: any };\n        category?: string;\n        subcategory?: string;\n        disable?: boolean;\n    };\n}\n\nexport interface ArgTypes {\n    [key: string]: ArgTypeEntry;\n}\n\ntype StoriesList = RegExp | string[];\n\n/**\n * Returns type options from pattern\n * @example\n * // returns ['fixed', 'absolute', 'off']\n * getPatternOptions('\\$(\\w+:)?([^$|:]+?)(\\|[|\\w]+)?\\$|^fixed$|^absolute$|^off$')\n * @example\n * // returns []\n * getPatternOptions('^>.*')\n * @param {string} patternString - visualization option type pattern\n * @return {string[]} array of type options\n */\nexport const getPatternOptions = (patternString): string[] => {\n    if (patternString.indexOf('^#[') === 0) {\n        return patternString.slice(1).replace(/\\$/g, '').split('|^');\n    }\n    return patternString.replace(/\\$/g, '').split('|^').slice(1);\n};\n/**\n * Returns Storybook display type for an option\n * @param {object} option - visualization option\n * @return {string} Storybook display type\n */\nexport const getOptionDisplayType = (option): string => {\n    const { oneOf, anyOf, type, enum: en, pattern, items } = option;\n    let displayTypes: string[] = [];\n\n    // wrap values in quotes only if enum or pattern is string\n    const conditionalQuote = type === 'string' ? '\"' : '';\n    if (en && Array.isArray(en)) {\n        displayTypes = en.map(e => {\n            const enumQuote = typeof e === 'string' ? '\"' : '';\n            return `${enumQuote}${e}${enumQuote}`;\n        });\n    } else if (type === 'array' && items) {\n        return `${getOptionDisplayType(items)}[]`;\n    } else if (anyOf && Array.isArray(anyOf)) {\n        return getOptionDisplayType(anyOf[0]);\n    } else if (oneOf && Array.isArray(oneOf)) {\n        displayTypes = oneOf.map(item => getOptionDisplayType(item));\n    } else if (Array.isArray(type)) {\n        displayTypes = type;\n    } else if (pattern) {\n        displayTypes = getPatternOptions(pattern).map(p => `${conditionalQuote}${p}${conditionalQuote}`);\n    }\n\n    if (displayTypes.length > 0) {\n        return `(${displayTypes.join(' | ')})`;\n    }\n    return type;\n};\n\n/**\n * Returns Storybook control type for an option\n * @param {object} option - visualization option\n * @param {string} optionKey - visualization option key\n * @return {ArgTypeControl} Storybook control object\n */\nexport const getOptionControl = (option, optionKey): ArgTypeControl => {\n    const { anyOf } = option;\n    const schema = Array.isArray(anyOf) && anyOf.length ? anyOf[0] : option;\n\n    const type = Array.isArray(schema.type) ? schema.type[0] : schema.type;\n    const { maximum, minimum, enum: en } = schema;\n\n    const isColorOption = new RegExp(/color/, 'i').test(optionKey) && type !== 'array';\n\n    if (isColorOption) {\n        return { type: 'color' };\n    } else if (en && Array.isArray(en)) {\n        return { type: 'select', options: en };\n    } else if (anyOf && type === 'string' && anyOf[0].pattern) {\n        return { type: 'select', options: getPatternOptions(anyOf[0].pattern) };\n    } else if (type === 'number' && (minimum || maximum)) {\n        return {\n            type: 'range',\n            ...(typeof minimum === 'number' && { min: minimum }),\n            ...(typeof maximum === 'number' && { max: maximum }),\n        };\n    } else if (type === 'string') {\n        return { type: 'text' };\n    }\n\n    return { type };\n};\n\n/**\n * platform specific visualization option argTypes\n */\nconst objectTableControl = { control: { type: 'object' } };\nconst disableTableControl = { table: { disable: true } };\nexport const platformOptionArgTypes = {\n    context: objectTableControl,\n    dataSources: objectTableControl,\n    dataSource: disableTableControl,\n    options: disableTableControl,\n    onEventTrigger: { action: 'eventTrigger', ...disableTableControl },\n    hasEventHandlers: disableTableControl,\n};\n\n/**\n * Returns formatted Storybook argTypes for a visualization from its options schema\n * @param {OptionsSchema} options - visualization options\n * @param {string[]} requiredProps - required visualization props\n * @param {boolean} isPlatformViz - indicates if pure or platform visualization\n * @param {string} subcategory - nested property parent option name\n * @return {ArgTypes} Storybook argTypes\n */\nexport const optionsSchemaToArgTypes = ({\n    options = {},\n    requiredProps = [],\n    isPlatformViz = false,\n    subcategory = null,\n}: {\n    options: OptionsSchema;\n    requiredProps: string[];\n    isPlatformViz?: boolean;\n    subcategory?: string;\n}): ArgTypes => {\n    const validObjectTypeOptions = [\n        'lineDashStylesByField',\n        'seriesColorsByField',\n        'fieldActions',\n        'highlightValuesByField',\n    ];\n    let argTypes: ArgTypes = {};\n    Object.keys(options).forEach(optionKey => {\n        const option = get(options, optionKey);\n        if (option.type === 'object' && !validObjectTypeOptions.includes(optionKey)) {\n            // do not support controls for patternProperties, only nested properties\n            if (option.properties) {\n                argTypes = {\n                    ...argTypes,\n                    ...optionsSchemaToArgTypes({\n                        options: option.properties as OptionsSchema,\n                        isPlatformViz,\n                        requiredProps,\n                        subcategory: optionKey,\n                    }),\n                };\n            }\n        } else {\n            const { description, default: optionDefault } = option;\n            const optionControl = getOptionControl(option, optionKey);\n            const control = isPlatformViz ? { type: 'text' } : optionControl;\n            const required = requiredProps.includes(optionKey);\n\n            let defaultValue = optionDefault;\n            if (!isPlatformViz && isDynamicOption(optionDefault as string)) {\n                defaultValue = null;\n            }\n\n            argTypes[optionKey] = {\n                description,\n                control,\n                name: optionKey,\n                defaultValue,\n                type: { required },\n                optionType: optionControl.type,\n                table: {\n                    type: { summary: getOptionDisplayType(option) },\n                    defaultValue: { summary: defaultValue },\n                    ...(subcategory && {\n                        category: 'Nested Options',\n                        subcategory,\n                    }),\n                },\n            };\n        }\n    });\n\n    if (isPlatformViz) {\n        Object.assign(argTypes, platformOptionArgTypes);\n    }\n    return argTypes;\n};\n\n/**\n * Helper which converts string visualization options to their required type\n * @param {any} value - option values\n * @param {string} expectedType - expected option type\n * @return {any} correctly typed option value\n */\nexport const transformOptionType = (value, expectedType = 'string'): any => {\n    const isStringValue = !isDynamicOption(value) && isString(value);\n    if (isStringValue && expectedType === 'boolean') return value == 'true';\n    else if (isStringValue && expectedType === 'number') return toNumber(value);\n    return value;\n};\n\n// stringify these fields for storybook controls' support\nconst FieldsToStringify = [\n    'layers',\n    'center',\n    'eventActions',\n    'fieldActions',\n    'legendLabels',\n    'lineDashStylesByField',\n    'seriesColors',\n    'additionalTooltipFields',\n    'seriesColorsByField',\n    'footerFields',\n    'highlightValuesByField',\n    'tooltipNodeFields',\n];\n\n/**\n * Helper which returns platform visualization options from Storybook controls\n * Utilizes argTypes to determine valid and nested options\n * @param {object} args - visualization story args\n * @param {ArgTypes} argTypes - visualization argTypes\n * @return {object} visualization options\n */\nexport const getOptionsFromArgTypes = (args: Record<string, any>, argTypes: ArgTypes): Record<string, any> =>\n    reduce(\n        argTypes,\n        (accum, val, option) => {\n            const subcategory = get(val, 'table.subcategory');\n            const { optionType, defaultValue } = argTypes[option];\n            let controlledOption = transformOptionType(get(args, option), optionType);\n            // filter options from react & json if set to default value or is undefined\n            if (optionType && controlledOption != null && controlledOption !== defaultValue) {\n                // parse the value if option is stringified as part of flattenVizOptions\n                if (FieldsToStringify.includes(option)) {\n                    try {\n                        controlledOption = JSON.parse(controlledOption);\n                    } catch (e) {\n                        controlledOption = null;\n                    }\n                }\n                if (subcategory) {\n                    if (!accum[subcategory]) accum[subcategory] = {};\n                    accum[subcategory][option] = controlledOption;\n                } else accum[option] = controlledOption;\n            }\n            return accum;\n        },\n        { ...omit(args.options, Object.keys(argTypes)) }\n    );\n\n/**\n * Helper which flattens objects single depth level\n * @param {object} options - visualization options object\n * @return {object} flattened visualization options\n */\nexport const flattenVizOptions = (options: Record<string, any>): Record<string, any> => {\n    const nonFlattenOptions = new Set([\n        'y2Fields',\n        'overlayFields',\n        'gaugeRanges',\n        'fieldActions',\n        'highlightValuesByField',\n        'headers',\n    ]);\n    return reduce(\n        options,\n        (accum, val, option) => {\n            if (!platformOptionArgTypes[option]) {\n                if (typeof val === 'object' && FieldsToStringify.includes(option))\n                    accum[option] = JSON.stringify(val);\n                else if (typeof val === 'object' && !nonFlattenOptions.has(option))\n                    accum = { ...accum, ...val };\n                else accum[option] = val;\n            }\n            return accum;\n        },\n        {}\n    );\n};\n/**\n * Returns value based on Storybook publishing status\n * @param {T} publishedStories - stories to include in published Storybook\n * @param {T} localStories - stories to include in local Storybook\n * @return {T} one of the two params\n */\nexport const getStoriesToInclude = <T>(publishedStories: T, localStories: T): T =>\n    process.env.STORYBOOK_PUBLISH ? publishedStories : localStories;\n\n/**\n * Returns component level stories to include, defaults to innclude all stories\n * @param {StoriesList} stories - stories to include in published Storybook\n * @return {object} CSF includeStories config\n */\nexport const componentStoriesToInclude = (stories: StoriesList): object =>\n    getStoriesToInclude({ includeStories: stories }, {});\n"],
   "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/common/ThemesDoc.js

@@ -306,7 +306,6 @@ var ThemesDoc = (props) => {
 };
 ThemesDoc.propTypes = {
   themes: prop_types_default.object.isRequired,
-  // @TODO: replace with themes object from viz config when we add docs/descs to theme vars
   renderVisualization: prop_types_default.func.isRequired
 };
 var ThemesDoc_default = ThemesDoc;