@splunk/visualizations 28.3.0 → 28.5.0

package/common/shapeUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/common/shapeUtils.tsx", "esm-externals:lodash", "esm-externals:styled-components", "esm-externals:@splunk/themes/pick", "esm-externals:@splunk/themes/variables", "esm-externals:@splunk/visualizations-shared/propUtils", "esm-externals:react", "esm-externals:@splunk/react-ui/ScreenReaderContent", "esm-externals:@splunk/ui-utils/id", "esm-externals:@splunk/ui-utils/i18n"],
-  "sourcesContent": ["import { mapKeys } from 'lodash';\nimport styled, { css } from 'styled-components';\nimport pick from '@splunk/themes/pick';\nimport variables from '@splunk/themes/variables';\nimport { formatColor } from '@splunk/visualizations-shared/propUtils';\nimport React, { useMemo } from 'react';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport { _ } from '@splunk/ui-utils/i18n';\n\ninterface ShapeOptions {\n    [key: string]: any;\n}\n\n// map for new options names to old option names\nconst shapeOptionsMapping = {\n    fillColor: 'fill',\n    strokeColor: 'stroke',\n    strokeDashStyle: 'strokeDasharray',\n    strokeJoinStyle: 'strokeLinejoin',\n};\n\n/**\n * Helper method to update the option names to old option names\n * @method mapToOldKey\n * @param {Object} options\n * @returns {Object}\n */\nexport const mapToOldKey = (options: ShapeOptions): ShapeOptions =>\n    mapKeys(options, (val, key) => (shapeOptionsMapping[key] ? shapeOptionsMapping[key] : key));\n\ntype Shape = 'ellipse' | 'rect';\n\n/**\n * Helper method to get styled component for ellipse or rectangle\n * @method getStyledShape\n * @param {Shape} shape\n */\nexport const getStyledShape = (shape: Shape) => styled(shape)`\n    fill: ${props =>\n        (props.fill && formatColor(props.fill)) ||\n        pick({\n            enterprise: {\n                light: variables.gray80,\n                dark: variables.gray25,\n            },\n            prisma: variables.backgroundColorSidebar,\n        })(props)};\n    stroke: ${props =>\n        (props.stroke && formatColor(props.stroke)) ||\n        pick({\n            enterprise: {\n                dark: variables.gray80,\n                light: variables.textColor,\n            },\n            prisma: variables.neutral500,\n        })(props)};\n`;\n\ntype ClickableSvgProps = {\n    children: React.ReactNode;\n    onClick?: () => void;\n    shape: Shape;\n};\n\nexport function ClickableShape({ children, onClick, shape }: ClickableSvgProps) {\n    const descriptionId = useMemo(() => createDOMID('clickable-svg-description'), []);\n    return (\n        <StyledDiv>\n            <ScreenReaderContent id={descriptionId}>{_('Click to trigger interaction')}</ScreenReaderContent>\n            <StyledButton\n                onClick={onClick}\n                aria-label={shape === 'rect' ? _('Rectangle visualization') : _('Ellipse visualization')}\n                aria-describedby={descriptionId}\n                shape={shape}\n            >\n                {children}\n            </StyledButton>\n        </StyledDiv>\n    );\n}\n\nconst StyledDiv = styled.div`\n    display: inline-grid;\n    grid-template: 1fr / 1fr;\n\n    & > * {\n        grid-row-start: 1;\n        grid-column-start: 1;\n    }\n`;\n\nconst StyledButton = styled.button<{ shape?: Shape }>`\n    padding: 0;\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    &:focus {\n        outline: none;\n        ${props =>\n            props.shape === 'rect'\n                ? css`\n                      box-shadow: ${variables.focusShadow};\n                  `\n                : // clip-path would clip the shadow for ellipse, so we use drop-shadow filters to simulate it\n                  css`\n                      svg:has(+ &) > ellipse {\n                          filter: drop-shadow(2px 0px 1px ${variables.focusColor})\n                              drop-shadow(-2px 0px 1px ${variables.focusColor})\n                              drop-shadow(0px 2px 1px ${variables.focusColor})\n                              drop-shadow(0px -2px 1px ${variables.focusColor});\n                      }\n                  `}\n    }\n    ${props =>\n        props.shape === 'ellipse' &&\n        `\n        clip-path: ellipse(50% 50% at 50% 50%);\n    `}\n`;\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\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/themes/pick\";\nexport * from \"@splunk/themes/pick\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/variables\";\nexport * from \"@splunk/themes/variables\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/propUtils\";\nexport * from \"@splunk/visualizations-shared/propUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/ScreenReaderContent\";\nexport * from \"@splunk/react-ui/ScreenReaderContent\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/id\";\nexport * from \"@splunk/ui-utils/id\";\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAA,iBAA+B;AAC/B,sCAAc;AACd,IAAO,4BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,8BAAc;AACd,IAAO,oBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,8BAAc;AACd,IAAO,oBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,wCAAc;AACd,IAAO,8BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,uBAAc;AACd,IAAO,aAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ATYrE,IAAM,sBAAsB;AAAA,EACxB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB;AACrB;AAQO,IAAM,cAAc,CAAC,gBACxB,wBAAQ,SAAS,CAAC,KAAK,QAAS,oBAAoB,GAAG,IAAI,oBAAoB,GAAG,IAAI,GAAI;AASvF,IAAM,iBAAiB,CAAC,UAAiB,0BAAO,KAAK;AAAA,YAChD,WACH,MAAM,YAAQ,+BAAY,MAAM,IAAI,KACrC,aAAK;AAAA,EACD,YAAY;AAAA,IACR,OAAO,kBAAU;AAAA,IACjB,MAAM,kBAAU;AAAA,EACpB;AAAA,EACA,QAAQ,kBAAU;AACtB,CAAC,EAAE,KAAK,CAAC;AAAA,cACH,WACL,MAAM,cAAU,+BAAY,MAAM,MAAM,KACzC,aAAK;AAAA,EACD,YAAY;AAAA,IACR,MAAM,kBAAU;AAAA,IAChB,OAAO,kBAAU;AAAA,EACrB;AAAA,EACA,QAAQ,kBAAU;AACtB,CAAC,EAAE,KAAK,CAAC;AAAA;AASV,SAAS,eAAe,EAAE,UAAU,SAAS,MAAM,GAAsB;AAC5E,QAAM,oBAAgB,uBAAQ,UAAM,wBAAY,2BAA2B,GAAG,CAAC,CAAC;AAChF,SACI,4CAAC,iBACG,4CAAC,+BAAoB,IAAI,qBAAgB,gBAAE,8BAA8B,CAAE,GAC3E;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,cAAY,UAAU,aAAS,gBAAE,yBAAyB,QAAI,gBAAE,uBAAuB;AAAA,MACvF,oBAAkB;AAAA,MAClB;AAAA;AAAA,IAEC;AAAA,EACL,CACJ;AAER;AAEA,IAAM,YAAY,0BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzB,IAAM,eAAe,0BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOlB,WACE,MAAM,UAAU,SACV;AAAA,oCACkB,kBAAU,WAAW;AAAA;AAAA;AAAA,EAGvC;AAAA;AAAA,4DAE0C,kBAAU,UAAU;AAAA,yDACvB,kBAAU,UAAU;AAAA,wDACrB,kBAAU,UAAU;AAAA,yDACnB,kBAAU,UAAU;AAAA;AAAA;AAAA,CAE1D;AAAA;AAAA,MAEb,WACE,MAAM,UAAU,aAChB;AAAA;AAAA,KAEH;AAAA;",
+  "sourcesContent": ["import { mapKeys } from 'lodash';\nimport styled, { css } from 'styled-components';\nimport pick from '@splunk/themes/pick';\nimport variables from '@splunk/themes/variables';\nimport { formatColor } from '@splunk/visualizations-shared/propUtils';\nimport React, { useMemo } from 'react';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport { _ } from '@splunk/ui-utils/i18n';\n\ninterface ShapeOptions {\n    [key: string]: any;\n}\n\n// map for new options names to old option names\nconst shapeOptionsMapping = {\n    fillColor: 'fill',\n    strokeColor: 'stroke',\n    strokeDashStyle: 'strokeDasharray',\n    strokeJoinStyle: 'strokeLinejoin',\n};\n\n/**\n * Helper method to update the option names to old option names\n * @method mapToOldKey\n * @param {Object} options\n * @returns {Object}\n */\nexport const mapToOldKey = (options: ShapeOptions): ShapeOptions =>\n    mapKeys(options, (val, key) => (shapeOptionsMapping[key] ? shapeOptionsMapping[key] : key));\n\ntype Shape = 'ellipse' | 'rect';\n\n/**\n * Helper method to get styled component for ellipse or rectangle\n * @method getStyledShape\n * @param {Shape} shape\n */\nexport const getStyledShape = (shape: Shape) => styled(shape)`\n    fill: ${props =>\n        (props.fill && formatColor(props.fill)) ||\n        pick({\n            enterprise: {\n                light: variables.gray80,\n                dark: variables.gray25,\n            },\n            prisma: variables.backgroundColorSidebar,\n        })(props)};\n    stroke: ${props =>\n        (props.stroke && formatColor(props.stroke)) ||\n        pick({\n            enterprise: {\n                dark: variables.gray80,\n                light: variables.textColor,\n            },\n            prisma: variables.neutral500,\n        })(props)};\n`;\n\ntype ClickableSvgProps = {\n    children: React.ReactNode;\n    onClick?: () => void;\n    shape: Shape;\n};\n\nexport function ClickableShape({ children, onClick, shape }: ClickableSvgProps) {\n    const descriptionId = useMemo(() => createDOMID('clickable-svg-description'), []);\n    return (\n        <>\n            <ScreenReaderContent id={descriptionId}>{_('Click to trigger interaction')}</ScreenReaderContent>\n            <StyledButton\n                onClick={onClick}\n                aria-label={shape === 'rect' ? _('Rectangle visualization') : _('Ellipse visualization')}\n                aria-describedby={descriptionId}\n                shape={shape}\n            >\n                {children}\n            </StyledButton>\n        </>\n    );\n}\n\nconst StyledButton = styled.button.attrs({ type: 'button' })<{ shape?: Shape }>`\n    padding: 0;\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    &:focus {\n        outline: none;\n        ${props =>\n            props.shape === 'rect'\n                ? css`\n                      box-shadow: ${variables.focusShadow};\n                  `\n                : css`\n                      & > svg > ellipse {\n                          filter: drop-shadow(2px 0px 1px ${variables.focusColor})\n                              drop-shadow(-2px 0px 1px ${variables.focusColor})\n                              drop-shadow(0px 2px 1px ${variables.focusColor})\n                              drop-shadow(0px -2px 1px ${variables.focusColor});\n                      }\n                  `}\n    }\n`;\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\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/themes/pick\";\nexport * from \"@splunk/themes/pick\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/variables\";\nexport * from \"@splunk/themes/variables\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/propUtils\";\nexport * from \"@splunk/visualizations-shared/propUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/ScreenReaderContent\";\nexport * from \"@splunk/react-ui/ScreenReaderContent\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/id\";\nexport * from \"@splunk/ui-utils/id\";\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"],
+  "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/common/utils/dataUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/dataUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,eAAO,MAAM,qBAAqB,GAAI,SAAS,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,QAAQ,GAAG,EAAE,KAAG,GAAG,EAmBrF,CAAC;AA0GF,MAAM,MAAM,iBAAiB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,SAAS,CAAC,CAAC;AA0E3G,eAAO,MAAM,2BAA2B,GAAI,eAAe;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,YAElF,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,gDAK7C,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GAAG;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,KAAG,MAKH,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,8BAA8B,GAAI,qEAM5C;IACC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAC/C,gBAAgB,EAAE,UAAU,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB,KAAG,MAAM,GAAG,IA+CZ,CAAC;AA4FF,eAAO,MAAM,qBAAqB,GAAI,qCAAqC,iBAAiB,+BA8D3F,CAAC"}
+{"version":3,"file":"dataUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/dataUtils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,eAAO,MAAM,qBAAqB,GAAI,SAAS,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,QAAQ,GAAG,EAAE,KAAG,GAAG,EAmBrF,CAAC;AA4GF,MAAM,MAAM,iBAAiB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,SAAS,CAAC,CAAC;AA0E3G,eAAO,MAAM,2BAA2B,GAAI,eAAe;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,YAElF,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,gDAK7C,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,GAAG;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,KAAG,MAKH,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,8BAA8B,GAAI,qEAM5C;IACC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAC/C,gBAAgB,EAAE,UAAU,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB,KAAG,MAAM,GAAG,IA+CZ,CAAC;AA4FF,eAAO,MAAM,qBAAqB,GAAI,qCAAqC,iBAAiB,+BA8D3F,CAAC"}

package/common/utils/dataUtils.js

@@ -75,7 +75,7 @@ var convertToArrOfObjects = (columns, fields) => {
   for (let i = 0; i < columns[0].length; i += 1) {
     const newObj = {};
     fields.forEach((field, index) => {
-      const fieldName = typeof field === "string" ? field : field.name;
+      const fieldName = getFieldName(field);
       if (columns[index][i] === "") {
         newObj[fieldName] = null;
       } else {
@@ -86,6 +86,7 @@ var convertToArrOfObjects = (columns, fields) => {
   }
   return data;
 };
+var getFieldName = (field) => typeof field === "string" ? field : field.name;
 var largestTriangleThreeBuckets = (data, threshold, preferredDownsampleIndices) => {
   const dataLength = data.length;
   const downsampledIndices = [];
@@ -259,9 +260,9 @@ var tryToCoerceAllDisplayedFields = (ds, xField, yFields, fieldTypes, options) =
   let xColumn = [];
   const yColumns = [];
   const canDownsample = !ds.data.fields.some((field, index) => {
-    var _a, _b;
-    const fieldName = (_a = field.name) != null ? _a : field;
-    const fieldType = (_b = fieldTypes[index]) != null ? _b : "unknown";
+    var _a;
+    const fieldName = getFieldName(field);
+    const fieldType = (_a = fieldTypes[index]) != null ? _a : "unknown";
     const column = ds.data.columns[index];
     let hasDisplayedColumnThatCantBeDownsampled = false;
     if (fieldName === xField) {

package/common/utils/dataUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/common/utils/dataUtils.ts", "esm-externals:@splunk/visualizations-shared/numberUtils"],
-  "sourcesContent": ["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/visualizations-shared/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
-  "mappings": "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",
+  "sourcesContent": ["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/visualizations-shared/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,gCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ADG9D,IAAM,wBAAwB,CAAC,SAA6B,WAAyB;AACxF,MAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,OAAQ,QAAO,CAAC;AAE3D,QAAM,OAAO,CAAC;AAEd,WAAS,IAAI,GAAG,IAAI,QAAQ,CAAC,EAAE,QAAQ,KAAK,GAAG;AAC3C,UAAM,SAAS,CAAC;AAChB,WAAO,QAAQ,CAAC,OAAO,UAAU;AAC7B,YAAM,YAAY,aAAa,KAAK;AACpC,UAAI,QAAQ,KAAK,EAAE,CAAC,MAAM,IAAI;AAC1B,eAAO,SAAS,IAAI;AAAA,MACxB,OAAO;AACH,eAAO,SAAS,IAAI,QAAQ,KAAK,EAAE,CAAC;AAAA,MACxC;AAAA,IACJ,CAAC;AACD,SAAK,KAAK,MAAM;AAAA,EACpB;AAEA,SAAO;AACX;AAEA,IAAM,eAAe,CAAC,UAAwC,OAAO,UAAU,WAAW,QAAQ,MAAM;AAWxG,IAAM,8BAA8B,CAChC,MACA,WACA,+BAIC;AACD,QAAM,aAAa,KAAK;AACxB,QAAM,qBAAqB,CAAC;AAC5B,MAAI,aAAa,cAAc,cAAc,GAAG;AAC5C,UAAM,aAAa,KAAK,IAAI,CAAC,QAAQ,UAAU,KAAK;AACpD,WAAO,EAAE,iBAAiB,MAAM,oBAAoB,WAAW;AAAA,EACnE;AAEA,QAAM,UAAqC,CAAC;AAC5C,MAAI,eAAe;AAGnB,QAAM,SAAS,aAAa,MAAM,YAAY;AAE9C,MAAI,IAAI;AACR,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,UAAQ,KAAK,KAAK,CAAC,CAAC;AACpB,qBAAmB,KAAK,CAAC;AAGzB,WAAS,IAAI,GAAG,IAAI,YAAY,GAAG,KAAK;AAEpC,QAAI,OAAO;AACX,QAAI,OAAO;AACX,QAAI,gBAAgB,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI;AAClD,QAAI,cAAc,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI;AAChD,kBAAc,cAAc,aAAa,cAAc;AAEvD,UAAM,iBAAiB,cAAc;AAGrC,WAAO,gBAAgB,aAAa,iBAAiB;AACjD,cAAQ,OAAO,KAAK,aAAa,EAAE,CAAC,CAAC;AACrC,cAAQ,KAAK,aAAa,EAAE,CAAC,IAAI;AAAA,IACrC;AACA,YAAQ;AACR,YAAQ;AAGR,QAAI,YAAY,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI;AAC9C,UAAM,UAAU,KAAK,OAAO,IAAI,KAAK,KAAK,IAAI;AAG9C,UAAM,UAAU,OAAO,KAAK,CAAC,EAAE,CAAC,CAAC;AACjC,UAAM,UAAU,KAAK,CAAC,EAAE,CAAC,IAAI;AAG7B,cAAU,OAAO;AACjB,QAAI,eAAe;AAGnB,WAAO,YAAY,SAAS,aAAa;AAErC,aACI,KAAK;AAAA,SACA,UAAU,SAAS,KAAK,SAAS,EAAE,CAAC,IAAI,YACpC,UAAU,OAAO,KAAK,SAAS,EAAE,CAAC,CAAC,MAAM,OAAO;AAAA,MACzD,IAAI;AAKR,UAAI,OAAO,WAAY,SAAS,WAAW,2BAA2B,IAAI,SAAS,GAAI;AACnF,kBAAU;AACV,uBAAe,KAAK,SAAS;AAC7B,gBAAQ;AAER,uBAAe;AAAA,MACnB;AAAA,IACJ;AAGA,YAAQ,cAAc,IAAI;AAC1B,uBAAmB,KAAK,YAAY;AACpC,QAAI;AAAA,EACR;AAGA,UAAQ,cAAc,IAAI,KAAK,aAAa,CAAC;AAC7C,qBAAmB,KAAK,aAAa,CAAC;AAEtC,SAAO,EAAE,iBAAiB,SAAS,mBAAmB;AAC1D;AAgBA,IAAM,wBAAwB,CAC1B,QACA,YACsB;AACtB,QAAM,wBAAwB,QAAQ,qBAAqB;AAI3D,QAAM,6BACF,OAAO;AAAA,IACH,eAAS,sCAAiB,GAAG,KAAK,EAAE,KAAM,yBAAyB,UAAU;AAAA,EACjF,KAAK;AAGT,QAAM,gBAA0B,CAAC;AACjC,QAAM,sBAAsB,CAAC,OAAO,KAAK,WAAS;AAC9C,UAAM,eAAe,OAAO,KAAK;AACjC,UAAM,oBAAoB,yBAAyB,UAAU;AAG7D,QACI,OAAO,MAAM,YAAY,KACzB,gBAAgB,OAAO,oBACvB,gBAAgB,OAAO,oBACtB,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,CAAC,mBAC9D;AACE,aAAO;AAAA,IACX;AAEA,kBAAc,KAAK,YAAY;AAC/B,WAAO;AAAA,EACX,CAAC;AAED,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA,eAAe,sBAAsB,gBAAgB,CAAC;AAAA,EAC1D;AACJ;AAOA,IAAM,wBAAwB,CAAC,QAA6B,cAAyC;AACjG,MAAI,cAAc,UAAU;AACxB,UAAM,iBAAiB,OAAO,IAAI,YAAU,OAAO,MAAM,CAAC;AAC1D,QAAI,2BAA2B,gBAAgB,SAAS,GAAG;AACvD,aAAO;AAAA,IACX;AAAA,EACJ,WAAW,cAAc,QAAQ;AAC7B,UAAM,iBAAiB,OAAO,IAAI,YAAU,IAAI,KAAK,MAAM,CAAC;AAC5D,QAAI,2BAA2B,gBAAgB,SAAS,GAAG;AACvD,aAAO;AAAA,IACX;AAAA,EACJ;AACA,SAAO,CAAC;AACZ;AAEO,IAAM,8BAA8B,CAAC,EAAE,UAAU,MAAgC;AA/MxF;AAgNI,UAAO,eAAU,aAAV,mBAAoB;AAC/B;AAEO,IAAM,kCAAkC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAIc;AA5Nd;AA6NI,QAAM,SAAS,YAAY,aAAa;AAExC,QAAM,QAAQ,KAAK,MAAM,SAAO,4DAAa,YAAb,mBAAsB,SAAtB,mBAA4B,QAAQ,OAApC,mBAAwC,UAAS,MAAM,IAAI,EAAE,IAAI;AACjG,SAAO,KAAK,MAAM,QAAQ,OAAO,KAAK,CAAC;AAC3C;AAUO,IAAM,iCAAiC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAMqB;AAvPrB;AAwPI,MAAI,oBAAoB,CAAC,kBAAkB;AACvC,WAAO,OAAO,KAAK;AAAA,EACvB;AAEA,QAAM,oBAAoB,2CAAa;AACvC,MAAI,CAAC,mBAAmB;AACpB,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,aAAa,WAAW,cAAc,IAAI;AAElD,MAAI;AACA,UAAM,eAAc,4DAAmB,SAAnB,mBAAyB,OAAO,UAAU,WAAS;AACnE,YAAM,OAAO,OAAO,UAAU,WAAW,QAAQ,MAAM;AACvD,aAAO,SAAS;AAAA,IACpB;AACA,UAAM,0BAAyB,mBAAc,YAAd,mBAAuB,OAAO,UAAU,WAAS,UAAU;AAE1F,QAAI,gBAAgB,MAAM,2BAA2B,IAAI;AACrD,aAAO;AAAA,IACX;AAEA,UAAM,cAAa,4DAAmB,SAAnB,mBAAyB,QAAQ;AACpD,UAAM,oBAAoB,cAAc,QAAQ,WAAW,sBAAsB;AAEjF,UAAM,aAAa,WAAW,UAAU,OAAK;AACzC,aAAO,kBAAkB,WAAW,MAAM;AAAA,IAC9C,CAAC;AACD,UAAM,YAAY,WAAW,UAAU,OAAK;AACxC,aAAO,kBAAkB,SAAS,MAAM;AAAA,IAC5C,CAAC;AAED,QAAI,cAAc,KAAK,aAAa,KAAK,cAAc,WAAW;AAC9D,aAAO,gCAAgC;AAAA,QACnC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ,SAAS,GAAG;AAER,YAAQ,MAAM,2EAA2E,CAAC;AAAA,EAC9F;AAEA,SAAO;AACX;AAEA,IAAM,6BAA6B,CAAC,QAA2B,cAAiC;AAC5F,SAAO,OAAO,MAAM,CAAC,OAAO,UAAU;AAClC,QAAI,cAAc,UAAU;AACxB,UAAI,OAAO,MAAM,KAAK,GAAG;AACrB,eAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,cAAc,QAAQ;AACtB,UAAI,OAAO,MAAO,MAAe,QAAQ,CAAC,GAAG;AACzC,eAAO;AAAA,MACX;AAAA,IACJ;AACA,QAAI,UAAU,GAAG;AACb,aAAO;AAAA,IACX;AACA,WAAO,QAAQ,OAAO,QAAQ,CAAC;AAAA,EACnC,CAAC;AACL;AASA,IAAM,gCAAgC,CAClC,IACA,QACA,SACA,YACA,YACuD;AACvD,MAAI,UAA6B,CAAC;AAClC,QAAM,WAAuB,CAAC;AAE9B,QAAM,gBAAgB,CAAC,GAAG,KAAK,OAAO,KAAK,CAAC,OAAO,UAAU;AA7UjE;AA8UQ,UAAM,YAAY,aAAa,KAAK;AACpC,UAAM,aAAY,gBAAW,KAAK,MAAhB,YAAqB;AACvC,UAAM,SAAS,GAAG,KAAK,QAAQ,KAAK;AACpC,QAAI,0CAA0C;AAE9C,QAAI,cAAc,QAAQ;AACtB,gBAAU,sBAAsB,QAAQ,SAAS;AAAA,IACrD,WAAW,QAAQ,IAAI,SAAS,GAAG;AAC/B,YAAM,EAAE,eAAe,4BAA4B,oBAAoB,IAAI;AAAA,QACvE,GAAG,KAAK,QAAQ,KAAK;AAAA,QACrB;AAAA,MACJ;AAGA,gDAA0C,8BAA8B,CAAC;AACzE,UAAI,yCAAyC;AACzC,eAAO;AAAA,MACX;AACA,UAAI,qBAAqB;AACrB,iBAAS,KAAK,aAAa;AAAA,MAC/B;AAAA,IACJ;AACA,WAAO;AAAA,EACX,CAAC;AAED,MAAI,eAAe;AACf,WAAO,EAAE,SAAS,SAAS;AAAA,EAC/B;AACA,SAAO,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,EAAE;AACvC;AAEA,IAAM,4BAA4B,CAAC,IAAgB,YAAqC;AACpF,QAAM,gBAAgB,MAAM,KAAK,OAAO,EAAE,KAAK,CAAC,GAAW,MAAc,IAAI,CAAC;AAC9E,QAAM,gBAAgB,CAAC;AACvB,KAAG,KAAK,QAAQ,QAAQ,YAAU;AAC9B,UAAM,eAAe,CAAC;AACtB,kBAAc,QAAQ,WAAS;AAC3B,mBAAa,KAAK,OAAO,KAAK,CAAC;AAAA,IACnC,CAAC;AACD,kBAAc,KAAK,YAAY;AAAA,EACnC,CAAC;AAGD,SAAO,iCACA,KADA;AAAA,IAEH,MAAM,iCACC,GAAG,OADJ;AAAA,MAEF,SAAS;AAAA,IACb;AAAA,EACJ;AACJ;AAEO,IAAM,wBAAwB,CAAC,EAAE,aAAa,WAAW,QAAQ,MAAyB;AAlYjG;AAmYI,QAAM,YAAY,2CAAa;AAE/B,QAAM,aAAY,wDAAW,SAAX,mBAAiB,QAAQ,OAAzB,mBAA6B,WAA7B,YAAuC;AACzD,MAAI,OAAO,MAAM,SAAS,KAAK,aAAa,aAAa,YAAY,GAAG;AACpE,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,QAAQ,SAAS,WAAW,IAAI;AACxC,MAAI,CAAC,UAAU,EAAC,mCAAS,WAAU,EAAC,yCAAY,SAAQ;AACpD,WAAO;AAAA,EACX;AAEA,QAAM,qBAAqB,IAAI,IAAY,QAAQ,OAAO,YAAU,CAAC,OAAO,WAAW,GAAG,CAAC,CAAC;AAC5F,QAAM,wBAAwB,KAAK,IAAI,mBAAmB,OAAO,WAAW,SAAS;AAOrF,MAAI,yBAAyB,WAAW;AACpC,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,SAAS,SAAS,IAAI;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,MAAI,CAAC,SAAS,UAAU,CAAC,QAAQ,QAAQ;AACrC,WAAO;AAAA,EACX;AAEA,QAAM,yBAAyB,mBAAK;AACpC,QAAM,qBAAqB,oBAAI,IAAY;AAE3C,WAAS,QAAQ,CAAC,SAAS,gBAAgB;AAEvC,UAAM,SAAoC,QAAQ,IAAI,CAAC,QAAQ,UAAU;AACrE,aAAO,CAAC,QAAQ,KAAK,GAAG,MAAM;AAAA,IAClC,CAAC;AAED,QAAI;AACA,YAAM,EAAE,oBAAoB,4BAA4B,IAAI;AAAA,QACxD;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AACA,kCAA4B,QAAQ,qBAAmB,mBAAmB,IAAI,eAAe,CAAC;AAAA,IAClG,SAAS,GAAG;AAER,cAAQ,MAAM,4CAA4C,WAAW,IAAI,CAAC;AAAA,IAC9E;AAAA,EACJ,CAAC;AAED,yBAAuB,UAAU,0BAA0B,WAAW,kBAAkB;AAExF,SAAO;AACX;",
   "names": []
 }

package/common/utils/mapUtils.js

@@ -265,19 +265,24 @@ var themes_default = "default" in defaultImport20 ? defaultImport20.default : de
 
 // src/Map/PureMap/Tooltip.tsx
 var StyledPopover = styled_components_default(Popover_default)`
-    width: 250px;
+    min-width: 250px;
+    max-width: 332px;
+    max-width: fit-content;
     font-size: 12px;
 `;
 var StyledTable = styled_components_default.table`
     margin: 2px 6px 2px 6px;
-    table-layout: fixed;
     width: calc(100% - 12px);
 `;
 var StyledTitleColumn = styled_components_default.td`
     opacity: 0.85;
+    word-break: break-all;
+    vertical-align: top;
 `;
 var StyledValueColumn = styled_components_default.td`
     text-align: right;
+    word-break: break-all;
+    vertical-align: top;
 `;
 var StyledColorBlock = styled_components_default.div`
     background-color: ${(props) => props.color};
@@ -288,10 +293,6 @@ var StyledColorBlock = styled_components_default.div`
     height: 11px;
     transform: translateY(1px);
 `;
-var StyledFieldLabel = styled_components_default.span`
-    display: inline-block;
-    white-space: nowrap;
-`;
 var StyledIconWrapper = styled_components_default.span`
     margin-left: 4px;
     display: inline-block;
@@ -358,7 +359,7 @@ var Tooltip = ({
       "data-test": "map-marker-tooltip",
       defaultPlacement: "above"
     },
-    /* @__PURE__ */ react_exports.createElement(StyledTable, null, tooltipHeader && /* @__PURE__ */ react_exports.createElement(StyledTooltipHeader, { "data-test": "tooltip-header" }, /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement("th", { colSpan: 2 }, /* @__PURE__ */ react_exports.createElement("span", { "data-test": "tooltip-header-value" }, tooltipHeader)))), /* @__PURE__ */ react_exports.createElement("tbody", null, areaId && areaValue && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, { "data-test": "area-id" }, areaId), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "area-value" }, areaValue)), Boolean(showCoordinates && latitude) && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, null, (0, i18n_exports._)("Latitude")), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "latitude" }, convertDegToDMS(latitude, "latitude"))), Boolean(showCoordinates && longitude) && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, null, (0, i18n_exports._)("Longitude")), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "longitude" }, convertDegToDMS(longitude, "longitude"))), additionalFields.filter(({ value }) => value && String(value) !== "0").map(({ name, value, color, icon }) => /* @__PURE__ */ react_exports.createElement("tr", { key: (0, id_exports.createDOMID)() }, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, { "data-test": "field-title" }, color ? /* @__PURE__ */ react_exports.createElement(StyledColorBlock, { "data-test": "field-color", color }) : null, /* @__PURE__ */ react_exports.createElement(StyledFieldLabel, null, name, isTooltipIconFlagEnabled && icon && ((0, iconUtils_exports.isRemoteIcon)(icon) || (0, iconUtils_exports.isDataURI)(icon)) ? /* @__PURE__ */ react_exports.createElement(StyledIconWrapper, { "data-test": "field-icon" }, /* @__PURE__ */ react_exports.createElement(RemoteIcon_default, { iconURL: icon, width: 16, height: 16 })) : null)), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "field-value" }, value)))))
+    /* @__PURE__ */ react_exports.createElement(StyledTable, null, tooltipHeader && /* @__PURE__ */ react_exports.createElement(StyledTooltipHeader, { "data-test": "tooltip-header" }, /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement("th", { colSpan: 2 }, /* @__PURE__ */ react_exports.createElement("span", { "data-test": "tooltip-header-value" }, tooltipHeader)))), /* @__PURE__ */ react_exports.createElement("tbody", null, Boolean(areaId && areaValue) && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, { "data-test": "area-id" }, areaId), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "area-value" }, areaValue)), Boolean(showCoordinates && latitude) && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, null, (0, i18n_exports._)("Latitude")), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "latitude" }, convertDegToDMS(latitude, "latitude"))), Boolean(showCoordinates && longitude) && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, null, (0, i18n_exports._)("Longitude")), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "longitude" }, convertDegToDMS(longitude, "longitude"))), additionalFields.filter(({ value }) => value && String(value) !== "0").map(({ name, value, color, icon }) => /* @__PURE__ */ react_exports.createElement("tr", { key: (0, id_exports.createDOMID)() }, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, { "data-test": "field-title" }, color ? /* @__PURE__ */ react_exports.createElement(StyledColorBlock, { "data-test": "field-color", color }) : null, /* @__PURE__ */ react_exports.createElement("span", null, name, isTooltipIconFlagEnabled && icon && ((0, iconUtils_exports.isRemoteIcon)(icon) || (0, iconUtils_exports.isDataURI)(icon)) ? /* @__PURE__ */ react_exports.createElement(StyledIconWrapper, { "data-test": "field-icon" }, /* @__PURE__ */ react_exports.createElement(RemoteIcon_default, { iconURL: icon, width: 16, height: 16 })) : null)), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "field-value" }, value)))))
   );
 };
 var Tooltip_default = Tooltip;
@@ -473,8 +474,9 @@ var PieSegment = react_exports.memo(
     );
     if (end - start === 1) {
       return /* @__PURE__ */ react_exports.createElement(
-        "circle",
+        BubbleSegment,
         {
+          as: "circle",
           onClick: handleSegmentClick,
           cx: radius,
           cy: radius,
@@ -494,8 +496,9 @@ var PieSegment = react_exports.memo(
     const y1 = Math.sin(a1);
     const arc = end - start > 0.5 ? 1 : 0;
     return /* @__PURE__ */ react_exports.createElement(
-      "path",
+      BubbleSegment,
       {
+        as: "path",
         onClick: handleSegmentClick,
         d: `M ${radius} ${radius} L ${radius + radius * x0} ${radius + radius * y0} A ${radius} ${radius} 0 ${arc} 1 ${radius + radius * x1} ${radius + radius * y1} L ${radius} ${radius} A 0 0 0 ${arc} 0 ${radius} ${radius}`,
         fill: color,
@@ -508,6 +511,10 @@ var PieSegment = react_exports.memo(
   }
 );
 PieSegment.displayName = "MapBubblePieSegment";
+var BubbleSegment = styled_components_default.path`
+    transition: 0.2s ease-in-out;
+    transition-property: fill, stroke;
+`;
 var StyledMarkerWrapper = styled_components_default(MarkerWrapper_default)`
     cursor: pointer;
 `;