@splunk/visualizations 28.0.0 → 28.2.0

package/common/chartingUtils.js

@@ -60,15 +60,33 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/common/chartingUtils.ts
 var chartingUtils_exports = {};
 __export(chartingUtils_exports, {
+  DEFAULT_LINE_WIDTH: () => DEFAULT_LINE_WIDTH,
+  SideLegendWidth: () => SideLegendWidth,
   constructAdditionalTooltipFieldsMap: () => constructAdditionalTooltipFieldsMap,
   constructFieldsAndColumns: () => constructFieldsAndColumns,
+  convert2DArrayToNumbers: () => convert2DArrayToNumbers,
   convertOverlayFields: () => convertOverlayFields,
+  convertTimeStringToUnix: () => convertTimeStringToUnix,
   convertY2AxisOptions: () => convertY2AxisOptions,
+  ellipsisAxisTitle: () => ellipsisAxisTitle,
+  filterChartDataFromInternalFields: () => filterChartDataFromInternalFields,
   getAnnotations: () => getAnnotations,
+  getAnnotationsForCanvas: () => getAnnotationsForCanvas,
+  getComputedAxisTitles: () => getComputedAxisTitles,
+  getFieldName: () => getFieldName,
+  getFieldNames: () => getFieldNames,
+  getLegend: () => getLegend,
+  getSeriesOverrides: () => getSeriesOverrides,
+  getXScaleConfig: () => getXScaleConfig,
+  getY2ScaleConfig: () => getY2ScaleConfig,
+  getYScaleConfig: () => getYScaleConfig,
   isMultiSeriesData: () => isMultiSeriesData,
+  isTimeField: () => isTimeField,
+  isTimeSeriesCanvasRenderSupported: () => isTimeSeriesCanvasRenderSupported,
   mapToValues: () => mapToValues,
   shouldEnableSearchZoom: () => shouldEnableSearchZoom,
   toArrayForSeries: () => toArrayForSeries,
+  triangleEventAnnotationRenderer: () => triangleEventAnnotationRenderer,
   truncateData: () => truncateData
 });
 module.exports = __toCommonJS(chartingUtils_exports);
@@ -82,12 +100,78 @@ var defaultImport = __toESM(require("lodash"));
 __reExport(lodash_exports, require("lodash"));
 var lodash_default = "default" in defaultImport ? defaultImport.default : defaultImport;
 
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport2 = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport3 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/themes/variables
+var variables_exports = {};
+__export(variables_exports, {
+  default: () => variables_default
+});
+var defaultImport4 = __toESM(require("@splunk/themes/variables"));
+__reExport(variables_exports, require("@splunk/themes/variables"));
+var variables_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/react-icons/Triangle
+var Triangle_exports = {};
+__export(Triangle_exports, {
+  default: () => Triangle_default
+});
+var defaultImport5 = __toESM(require("@splunk/react-icons/Triangle"));
+__reExport(Triangle_exports, require("@splunk/react-icons/Triangle"));
+var Triangle_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:@splunk/visualization-canvas
+var visualization_canvas_exports = {};
+__export(visualization_canvas_exports, {
+  default: () => visualization_canvas_default
+});
+var defaultImport6 = __toESM(require("@splunk/visualization-canvas"));
+__reExport(visualization_canvas_exports, require("@splunk/visualization-canvas"));
+var visualization_canvas_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
 // src/common/chartingUtils.ts
+var DEFAULT_LINE_WIDTH = 2;
 var getAnnotations = ({ annotationX, annotationColor, annotationLabel }) => annotationX && annotationX.length ? annotationX.map((timestamp, i) => ({
   color: annotationColor && annotationColor[i],
   label: annotationLabel && annotationLabel[i],
   time: timestamp
 })) : [];
+var getAnnotationsForCanvas = ({
+  annotationX,
+  annotationColor,
+  annotationLabel
+}) => (annotationX == null ? void 0 : annotationX.length) ? annotationX.map((timestamp, i) => ({
+  key: annotationLabel == null ? void 0 : annotationLabel[i],
+  time: timestamp,
+  color: annotationColor == null ? void 0 : annotationColor[i]
+})) : [];
+var StyledTriangle = styled_components_default(Triangle_default)`
+    color: ${(props) => props.eventColor || variables_default.severityColorNotice(props)};
+`;
+var triangleEventAnnotationRenderer = ({ event }) => {
+  const eventWithColor = event;
+  return react_default.createElement(StyledTriangle, {
+    viewBox: "0 0 24 24",
+    variant: "filled",
+    eventColor: eventWithColor.color
+  });
+};
 var truncateData = (dataSet, truncationLimit) => {
   if (!dataSet) {
     return null;
@@ -136,7 +220,12 @@ var convertOverlayFields = (originalOptions) => {
   return convertedOptions;
 };
 var isMultiSeriesData = (data) => Array.isArray(data) && Array.isArray(data[0]);
-var toArrayForSeries = (data, value) => isMultiSeriesData(data) ? value : [value];
+var toArrayForSeries = (data, value) => {
+  if (isMultiSeriesData(data)) {
+    return Array.isArray(value) ? value : [value];
+  }
+  return [value];
+};
 var constructFieldsAndColumns = ({
   x = [],
   y = [],
@@ -185,4 +274,166 @@ var shouldEnableSearchZoom = (eventHandlers = [], xField = "") => {
   const xAxisIsTime = xField === "_time";
   return !!rangeSelectEventHandler && xAxisIsTime;
 };
+var canvasSupportedTimeSeriesCharts = ["splunk.line"];
+var isTimeSeriesCanvasRenderSupported = (vizConfigKey) => {
+  return canvasSupportedTimeSeriesCharts.indexOf(vizConfigKey) > -1;
+};
+var filterChartDataFromInternalFields = (chartData) => {
+  const { fields, columns } = chartData;
+  const keepIndexes = fields.reduce((acc, field, index) => {
+    const fieldName = typeof field === "object" ? field == null ? void 0 : field.name : field;
+    if (!(fieldName == null ? void 0 : fieldName.startsWith("_")) || fieldName === "_time") {
+      acc.push(index);
+    }
+    return acc;
+  }, []);
+  const filteredFields = keepIndexes.map((index) => fields[index]);
+  const filteredColumns = keepIndexes.map((index) => columns[index]);
+  return { fields: filteredFields, columns: filteredColumns };
+};
+var isTimeField = (field) => {
+  return typeof field === "object" && (field == null ? void 0 : field.name) === "_time" || typeof field === "string" && field === "_time";
+};
+var convert2DArrayToNumbers = (arr) => {
+  return arr.map((subArray) => subArray.map((element) => parseFloat(element)));
+};
+var convertTimeStringToUnix = (arr) => {
+  return arr.map((timeStr) => parseInt((new Date(timeStr).getTime() / 1e3).toFixed(0), 10));
+};
+var SideLegendWidth = 75;
+var commonLegendProps = { center: true, fontSize: 12, largerTiles: true, hideSeriesValue: true };
+var getLegend = (props) => {
+  const legendPlacement = props == null ? void 0 : props.legendDisplay;
+  switch (legendPlacement) {
+    case "off":
+      return false;
+    case "left":
+      return (0, visualization_canvas_exports.LeftLegendFactory)(__spreadValues({
+        width: SideLegendWidth
+      }, commonLegendProps));
+    case "bottom":
+      return (0, visualization_canvas_exports.BottomLegendFactory)(__spreadValues({
+        wrap: true
+      }, commonLegendProps));
+    case "top":
+      return (0, visualization_canvas_exports.TopLegendFactory)(__spreadValues({
+        wrap: true
+      }, commonLegendProps));
+    default:
+      return (0, visualization_canvas_exports.SideLegendFactory)(__spreadValues({
+        width: SideLegendWidth
+      }, commonLegendProps));
+  }
+};
+var getComputedAxisTitles = (inputAxisTitle, fields, axisTitleVisibility) => {
+  if (axisTitleVisibility === "collapsed") {
+    return "";
+  }
+  let fieldTitle = fields.length > 1 ? "" : fields[0];
+  if (!fieldTitle) {
+    fieldTitle = "";
+  }
+  return (inputAxisTitle == null ? void 0 : inputAxisTitle.length) ? inputAxisTitle.trim() : fieldTitle;
+};
+var ellipsisAxisTitle = (axisTitle, containerSpacing, fontSize = 12) => {
+  if (!axisTitle) {
+    return "";
+  }
+  if (Number.isNaN(containerSpacing) || containerSpacing <= 0) {
+    return axisTitle;
+  }
+  const availableHeight = containerSpacing * 0.6;
+  const avgCharWidth = fontSize * 0.55;
+  const maxChars = Math.floor(availableHeight / avgCharWidth);
+  if (axisTitle.length <= maxChars) {
+    return axisTitle;
+  }
+  if (maxChars <= 3) {
+    return "...";
+  }
+  const availableChars = maxChars - 3;
+  const halfChars = Math.floor(availableChars / 2);
+  const start = axisTitle.slice(0, halfChars);
+  const end = axisTitle.slice(-halfChars);
+  return `${start}...${end}`;
+};
+var getFieldName = (field) => {
+  const fieldName = typeof field === "object" ? field == null ? void 0 : field.name : field;
+  return fieldName;
+};
+var getFieldNames = (fields) => {
+  return fields.map((field) => getFieldName(field));
+};
+var getXScaleConfig = (label) => {
+  const xConfig = { x: {} };
+  xConfig.x.label = label;
+  return xConfig;
+};
+var getYScaleConfig = (label, yAxisAbbreviation, yAxisScale) => {
+  const scaleType = yAxisScale != null ? yAxisScale : "linear";
+  const yConfig = { y: {} };
+  yConfig.y.label = label;
+  yConfig.y.type = scaleType;
+  if (yAxisAbbreviation !== "none") {
+    yConfig.y.tickFmt = (v) => (0, visualization_canvas_exports.shortenNumber)(v, 1);
+  }
+  if (yAxisAbbreviation === "none") {
+    yConfig.y.width = 55;
+  } else {
+    yConfig.y.width = label && label.length > 0 ? 30 : 10;
+  }
+  return yConfig;
+};
+var getY2ScaleConfig = (label, axisAbbreviation, axisScale, roundAxisLabelsToInteger) => {
+  const y2Config = { y2: {} };
+  const scaleType = axisScale != null ? axisScale : "linear";
+  y2Config.y2.label = label;
+  y2Config.y2.side = "right";
+  y2Config.y2.showGrid = false;
+  y2Config.y2.type = scaleType;
+  if (axisAbbreviation !== "none") {
+    y2Config.y2.tickFmt = (v) => (0, visualization_canvas_exports.shortenNumber)(v, 1, roundAxisLabelsToInteger);
+  } else if (roundAxisLabelsToInteger) {
+    y2Config.y2.tickFmt = (v) => roundAxisLabelsToInteger ? Math.round(v).toString() : v.toString();
+  }
+  return y2Config;
+};
+var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled, nullValueMode) => {
+  const seriesConfig = {};
+  let spanGaps;
+  let replaceNullsWithZero;
+  if (nullValueMode === "gaps") {
+    spanGaps = false;
+  } else if (nullValueMode === "connect" || nullValueMode === "zero") {
+    spanGaps = true;
+    if (nullValueMode === "zero") {
+      replaceNullsWithZero = true;
+    }
+  }
+  yfields.forEach((field) => {
+    seriesConfig[field] = {
+      overrides: { width: lineWidth != null ? lineWidth : DEFAULT_LINE_WIDTH }
+    };
+    if (spanGaps !== void 0) {
+      seriesConfig[field].overrides.spanGaps = spanGaps;
+    }
+    if (y2Enabled) {
+      const shouldAssignToY2 = (
+        // If y2Fields are present, assign all y2Fields to y2 scale
+        (y2fields == null ? void 0 : y2fields.length) > 0 && y2fields.includes(field) || // Else, assign all overlayFields to y2 scale
+        (!y2fields || y2fields.length === 0) && (overlayFields == null ? void 0 : overlayFields.includes(field))
+      );
+      if (shouldAssignToY2) {
+        seriesConfig[field].overrides.scale = "y2";
+      }
+    }
+    if (overlayFields == null ? void 0 : overlayFields.includes(field)) {
+      seriesConfig[field].type = "line";
+    }
+    if (replaceNullsWithZero !== void 0) {
+      seriesConfig[field].replaceNullsWithZero = replaceNullsWithZero;
+    }
+  });
+  return seriesConfig;
+};
 //# sourceMappingURL=chartingUtils.js.map

package/common/chartingUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/common/chartingUtils.ts", "esm-externals:lodash"],
-  "sourcesContent": ["import { has, isArray, isUndefined } from 'lodash';\nimport type { JsonColumnData } from './interfaces/DataSource';\n\ninterface ChartOptions {\n    [key: string]: any;\n}\n\n/**\n * Get formatted annotations\n * @method getAnnotations\n * @param {Object} options\n * @param {Array} options.annotationX\n * @param {Array} options.annotationColor\n * @param {Array} options.annotationLabel\n * @returns {Array}\n */\nexport const getAnnotations = ({ annotationX, annotationColor, annotationLabel }) =>\n    annotationX && annotationX.length\n        ? annotationX.map((timestamp, i) => ({\n              color: annotationColor && annotationColor[i],\n              label: annotationLabel && annotationLabel[i],\n              time: timestamp,\n          }))\n        : [];\n\n/**\n * Truncate the result set to given limit\n * @method truncateData\n * @param {Object} dataSet - dataSources.primary.data\n * @param {Number|String} truncationLimit - options['chart.resultTruncationLimit']\n * @returns {Object}\n */\nexport const truncateData = (dataSet, truncationLimit): Record<string, any[]> => {\n    if (!dataSet) {\n        return null;\n    }\n\n    const limit = parseInt(truncationLimit, 10);\n    if (!limit || limit <= 0) {\n        return dataSet;\n    }\n\n    const truncatedData: Record<string, Array<string[] | number[]>> = {\n        ...dataSet,\n    };\n    truncatedData.columns = truncatedData.columns.map(columnData =>\n        columnData && Array.isArray(columnData) ? columnData.slice(0, limit) : columnData\n    );\n    return truncatedData;\n};\n\n/**\n * Helper method to update the option values into the values that SC accepts\n * @method mapToValues\n * @param {Object} options\n * @returns {Object}\n */\nexport const mapToValues = (optionValuesSCMapping: Record<string, any>) => options => {\n    const convertedOptions: Record<string, any> = { ...options };\n    Object.keys(optionValuesSCMapping).forEach(key => {\n        if (has(options, key)) {\n            const updatedValue = optionValuesSCMapping[key][options[key]];\n            if (!isUndefined(updatedValue)) {\n                convertedOptions[key] = updatedValue;\n            }\n        }\n    });\n    return convertedOptions;\n};\n\ninterface y2AxisOptions extends ChartOptions {\n    y2Fields?: string | string[];\n}\n\n/**\n * Helper method to process options related to y2Fields\n * @method convertY2AxisOptions\n * @param {Object} originalOptions\n * @returns {Object}\n */\nexport const convertY2AxisOptions = ({\n    y2Fields,\n    ...originalOptions\n}: y2AxisOptions): Record<string, any> => {\n    const convertedOptions: Record<string, any> = {\n        ...originalOptions,\n    };\n    if (y2Fields) {\n        convertedOptions['axisY2.enabled'] = true;\n        convertedOptions['axisY2.fields'] = isArray(y2Fields)\n            ? y2Fields.filter(name => name).join(',')\n            : y2Fields;\n    }\n    return convertedOptions;\n};\n\n/**\n * Helper method to format value for overlayFields\n * @method convertOverlayFields\n * @param {Object} originalOptions\n * @returns {Object}\n */\nexport const convertOverlayFields = (originalOptions: ChartOptions): ChartOptions => {\n    const convertedOptions: ChartOptions = {\n        ...originalOptions,\n    };\n    const { overlayFields } = originalOptions;\n    if (overlayFields) {\n        convertedOptions.overlayFields = Array.isArray(overlayFields)\n            ? overlayFields\n                  .filter(field => field)\n                  .map(field => field.trim())\n                  .join(',')\n            : overlayFields;\n    }\n    return convertedOptions;\n};\n\n/**\n * checks whether data is multi series data\n * @param {array} data array\n * @return {Boolean}\n */\nexport const isMultiSeriesData = (data: string[] | string[][]): boolean =>\n    Array.isArray(data) && Array.isArray(data[0]);\n/**\n * checks whether data is multi series data and returns value as array\n * @param {array} data array\n * @param {*} value to return as array\n * @return {array}\n */\nexport const toArrayForSeries = (data, value): any[] => (isMultiSeriesData(data) ? value : [value]);\n\ninterface ConstructFieldsAndColumnsParams {\n    x: string[];\n    y: string[] | string[][];\n    xField: string;\n    yFields: string | string[];\n    y2?: string[] | string[][];\n    y2Fields?: string | string[];\n}\nexport const constructFieldsAndColumns = ({\n    x = [],\n    y = [],\n    xField,\n    yFields,\n    y2,\n    y2Fields,\n}: ConstructFieldsAndColumnsParams): JsonColumnData => {\n    const columns = [x.map(String), ...toArrayForSeries(y, y).map(series => series.map(String))];\n    const yFieldsArray = toArrayForSeries(y, yFields);\n    const fields = [{ name: xField }, ...yFieldsArray.map(field => ({ name: field }))];\n    // splunk-charting requires y2 to be part of columns\n    // when y & y2 options are configured with different (mutually exclusive) series\n    // y2 columns need to be added to columns\n    if (y2Fields) {\n        const y2FieldsArray = toArrayForSeries(y2, y2Fields);\n        const y2AsArray = toArrayForSeries(y2, y2).map(series => series?.map(String));\n        y2FieldsArray.forEach((y2Field, index) => {\n            if (yFieldsArray.indexOf(y2Field) === -1 && y2AsArray[index]) {\n                fields.push({\n                    name: y2Field,\n                });\n                columns.push(y2AsArray[index]);\n            }\n        });\n    }\n    return {\n        columns,\n        fields,\n    };\n};\n\nexport function constructAdditionalTooltipFieldsMap({ fields, columns, additionalTooltipFields }) {\n    const map = {};\n\n    additionalTooltipFields?.forEach(fieldName => {\n        const index = fields.findIndex(f => f.name === fieldName);\n        if (index !== -1) {\n            map[fieldName] = columns[index];\n        }\n    });\n\n    return map;\n}\n\n// Note: we are making the assumption that attaching a range.select listener means the user wants to enable search zoom\n// This is because we don't know if the time range tokens being updated by the drilldown is used by the current viz.\n// In the future we are considering using a shared context to pass this information from UDF to Viz.\ninterface OptionsProps {\n    events?: string[];\n    selectedItemId?: string;\n    [key: string]: unknown;\n}\ninterface EventHandler {\n    type: string;\n    options: OptionsProps;\n}\n\nexport const shouldEnableSearchZoom = (eventHandlers: EventHandler[] = [], xField = '') => {\n    const rangeSelectEventHandler = eventHandlers.find(eventHandler =>\n        eventHandler.options.events?.includes('range.select')\n    );\n    // Check if xField is _time. This is how splunk-charting distinguishes a time chart from categorical.\n    // Note: search zoom will be buggy if the x axis uses timestamp values but is not _time\n    const xAxisIsTime = xField === '_time';\n\n    return !!rangeSelectEventHandler && xAxisIsTime;\n};\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../src/common/chartingUtils.ts", "esm-externals:lodash", "esm-externals:react", "esm-externals:styled-components", "esm-externals:@splunk/themes/variables", "esm-externals:@splunk/react-icons/Triangle", "esm-externals:@splunk/visualization-canvas"],
+  "sourcesContent": ["import { has, isArray, isUndefined } from 'lodash';\nimport React from 'react';\nimport styled from 'styled-components';\nimport variables from '@splunk/themes/variables';\nimport Triangle from '@splunk/react-icons/Triangle';\nimport {\n    BottomLegendFactory,\n    Legend,\n    SideLegendFactory,\n    LeftLegendFactory,\n    TopLegendFactory,\n    ScaleConfig,\n    shortenNumber,\n    SeriesConfig,\n    EventAnnotation,\n    EventAnnotationRendererProps,\n} from '@splunk/visualization-canvas';\nimport type { JsonColumnData } from './interfaces/DataSource';\n\ninterface ChartOptions {\n    [key: string]: any;\n}\n\nexport const DEFAULT_LINE_WIDTH = 2;\n/**\n * Get formatted annotations - highcharts expects annotations in a specific format\n * @method getAnnotations\n * @param {Object} options\n * @param {Array} options.annotationX\n * @param {Array} options.annotationColor\n * @param {Array} options.annotationLabel\n * @returns {Array}\n */\nexport const getAnnotations = ({ annotationX, annotationColor, annotationLabel }) =>\n    annotationX && annotationX.length\n        ? annotationX.map((timestamp, i) => ({\n              color: annotationColor && annotationColor[i],\n              label: annotationLabel && annotationLabel[i],\n              time: timestamp,\n          }))\n        : [];\n\n/**\n * Get formatted annotations for canvas - viz-canvas timeseries expects annotations in a specific format\n * @method getAnnotationsForCanvas\n * @param {Object} options\n * @param {Array} options.annotationX\n * @param {Array} options.annotationColor\n * @param {Array} options.annotationLabel\n * @returns {Array}\n */\nexport const getAnnotationsForCanvas = ({\n    annotationX,\n    annotationColor,\n    annotationLabel,\n}): EventAnnotation[] =>\n    annotationX?.length\n        ? annotationX.map((timestamp, i) => ({\n              key: annotationLabel?.[i],\n              time: timestamp,\n              color: annotationColor?.[i],\n          }))\n        : [];\n\n/**\n * Styled Triangle component for event annotations with default severityColorNotice\n */\nconst StyledTriangle = styled(Triangle)<{ eventColor?: string }>`\n    color: ${props => props.eventColor || variables.severityColorNotice(props)};\n`;\n\n/**\n * Custom event annotation renderer using Triangle icon from @splunk/react-icons\n * @method triangleEventAnnotationRenderer\n * @param {EventAnnotationRendererProps} props\n * @returns {ReactElement}\n */\nexport const triangleEventAnnotationRenderer: React.FC<EventAnnotationRendererProps> = ({ event }) => {\n    const eventWithColor = event as EventAnnotation & { color?: string };\n    return React.createElement(StyledTriangle, {\n        viewBox: '0 0 24 24',\n        variant: 'filled',\n        eventColor: eventWithColor.color,\n    });\n};\n\n/**\n * Truncate the result set to given limit\n * @method truncateData\n * @param {Object} dataSet - dataSources.primary.data\n * @param {Number|String} truncationLimit - options['chart.resultTruncationLimit']\n * @returns {Object}\n */\nexport const truncateData = (dataSet, truncationLimit): Record<string, any[]> => {\n    if (!dataSet) {\n        return null;\n    }\n\n    const limit = parseInt(truncationLimit, 10);\n    if (!limit || limit <= 0) {\n        return dataSet;\n    }\n\n    const truncatedData: Record<string, Array<string[] | number[]>> = {\n        ...dataSet,\n    };\n    truncatedData.columns = truncatedData.columns.map(columnData =>\n        columnData && Array.isArray(columnData) ? columnData.slice(0, limit) : columnData\n    );\n    return truncatedData;\n};\n\n/**\n * Helper method to update the option values into the values that SC accepts\n * @method mapToValues\n * @param {Object} options\n * @returns {Object}\n */\nexport const mapToValues = (optionValuesSCMapping: Record<string, any>) => options => {\n    const convertedOptions: Record<string, any> = { ...options };\n    Object.keys(optionValuesSCMapping).forEach(key => {\n        if (has(options, key)) {\n            const updatedValue = optionValuesSCMapping[key][options[key]];\n            if (!isUndefined(updatedValue)) {\n                convertedOptions[key] = updatedValue;\n            }\n        }\n    });\n    return convertedOptions;\n};\n\ninterface y2AxisOptions extends ChartOptions {\n    y2Fields?: string | string[];\n}\n\n/**\n * Helper method to process options related to y2Fields\n * @method convertY2AxisOptions\n * @param {Object} originalOptions\n * @returns {Object}\n */\nexport const convertY2AxisOptions = ({\n    y2Fields,\n    ...originalOptions\n}: y2AxisOptions): Record<string, any> => {\n    const convertedOptions: Record<string, any> = {\n        ...originalOptions,\n    };\n    if (y2Fields) {\n        convertedOptions['axisY2.enabled'] = true;\n        convertedOptions['axisY2.fields'] = isArray(y2Fields)\n            ? y2Fields.filter(name => name).join(',')\n            : y2Fields;\n    }\n    return convertedOptions;\n};\n\n/**\n * Helper method to format value for overlayFields\n * @method convertOverlayFields\n * @param {Object} originalOptions\n * @returns {Object}\n */\nexport const convertOverlayFields = (originalOptions: ChartOptions): ChartOptions => {\n    const convertedOptions: ChartOptions = {\n        ...originalOptions,\n    };\n    const { overlayFields } = originalOptions;\n    if (overlayFields) {\n        convertedOptions.overlayFields = Array.isArray(overlayFields)\n            ? overlayFields\n                  .filter(field => field)\n                  .map(field => field.trim())\n                  .join(',')\n            : overlayFields;\n    }\n    return convertedOptions;\n};\n\n/**\n * checks whether data is multi series data\n * @param {array} data array\n * @return {Boolean}\n */\nexport const isMultiSeriesData = (data: string[] | string[][]): boolean =>\n    Array.isArray(data) && Array.isArray(data[0]);\n/**\n * checks whether data is multi series data and returns value as array\n * @param {array} data array\n * @param {*} value to return as array\n * @return {array}\n */\nexport const toArrayForSeries = (data, value): any[] => {\n    if (isMultiSeriesData(data)) {\n        return Array.isArray(value) ? value : [value];\n    }\n    return [value];\n};\ninterface ConstructFieldsAndColumnsParams {\n    x: string[];\n    y: string[] | string[][];\n    xField: string;\n    yFields: string | string[];\n    y2?: string[] | string[][];\n    y2Fields?: string | string[];\n}\nexport const constructFieldsAndColumns = ({\n    x = [],\n    y = [],\n    xField,\n    yFields,\n    y2,\n    y2Fields,\n}: ConstructFieldsAndColumnsParams): JsonColumnData => {\n    const columns = [x.map(String), ...toArrayForSeries(y, y).map(series => series.map(String))];\n    const yFieldsArray = toArrayForSeries(y, yFields);\n    const fields = [{ name: xField }, ...yFieldsArray.map(field => ({ name: field }))];\n    // splunk-charting requires y2 to be part of columns\n    // when y & y2 options are configured with different (mutually exclusive) series\n    // y2 columns need to be added to columns\n    if (y2Fields) {\n        const y2FieldsArray = toArrayForSeries(y2, y2Fields);\n        const y2AsArray = toArrayForSeries(y2, y2).map(series => series?.map(String));\n        y2FieldsArray.forEach((y2Field, index) => {\n            if (yFieldsArray.indexOf(y2Field) === -1 && y2AsArray[index]) {\n                fields.push({\n                    name: y2Field,\n                });\n                columns.push(y2AsArray[index]);\n            }\n        });\n    }\n    return {\n        columns,\n        fields,\n    };\n};\n\nexport function constructAdditionalTooltipFieldsMap({ fields, columns, additionalTooltipFields }) {\n    const map = {};\n\n    additionalTooltipFields?.forEach(fieldName => {\n        const index = fields.findIndex(f => f.name === fieldName);\n        if (index !== -1) {\n            map[fieldName] = columns[index];\n        }\n    });\n\n    return map;\n}\n\n// Note: we are making the assumption that attaching a range.select listener means the user wants to enable search zoom\n// This is because we don't know if the time range tokens being updated by the drilldown is used by the current viz.\n// In the future we are considering using a shared context to pass this information from UDF to Viz.\ninterface OptionsProps {\n    events?: string[];\n    selectedItemId?: string;\n    [key: string]: unknown;\n}\ninterface EventHandler {\n    type: string;\n    options: OptionsProps;\n}\n\nexport const shouldEnableSearchZoom = (eventHandlers: EventHandler[] = [], xField = '') => {\n    const rangeSelectEventHandler = eventHandlers.find(eventHandler =>\n        eventHandler.options.events?.includes('range.select')\n    );\n    // Check if xField is _time. This is how splunk-charting distinguishes a time chart from categorical.\n    // Note: search zoom will be buggy if the x axis uses timestamp values but is not _time\n    const xAxisIsTime = xField === '_time';\n\n    return !!rangeSelectEventHandler && xAxisIsTime;\n};\n\nconst canvasSupportedTimeSeriesCharts = ['splunk.line'];\nexport const isTimeSeriesCanvasRenderSupported = (vizConfigKey: string): boolean => {\n    return canvasSupportedTimeSeriesCharts.indexOf(vizConfigKey) > -1;\n};\n\ntype ChartData = {\n    fields: (string | { name: string })[];\n    columns: (string | number)[][];\n};\n\n// Filter all internal fields and columns except for _time fild\nexport const filterChartDataFromInternalFields = (chartData: ChartData): ChartData => {\n    const { fields, columns } = chartData;\n\n    // Determine the indexes to keep\n    const keepIndexes = fields.reduce<number[]>((acc, field, index) => {\n        const fieldName = typeof field === 'object' ? field?.name : field;\n        if (!fieldName?.startsWith('_') || fieldName === '_time') {\n            acc.push(index);\n        }\n        return acc;\n    }, []);\n\n    // Filter fields and columns\n    const filteredFields = keepIndexes.map(index => fields[index]);\n    const filteredColumns = keepIndexes.map(index => columns[index]);\n\n    return { fields: filteredFields, columns: filteredColumns };\n};\n\nexport const isTimeField = (field): boolean => {\n    return (\n        (typeof field === 'object' && field?.name === '_time') ||\n        (typeof field === 'string' && field === '_time')\n    );\n};\n\nexport const convert2DArrayToNumbers = arr => {\n    return arr.map(subArray => subArray.map(element => parseFloat(element)));\n};\n\nexport const convertTimeStringToUnix = arr => {\n    return arr.map(timeStr => parseInt((new Date(timeStr).getTime() / 1000).toFixed(0), 10));\n};\n\nexport const SideLegendWidth = 75;\nconst commonLegendProps = { center: true, fontSize: 12, largerTiles: true, hideSeriesValue: true };\n// Legend placement logic for canvas render, used in TimeseriesChartWrapper\nexport const getLegend = (props): Legend | false => {\n    const legendPlacement = props?.legendDisplay;\n    // \"right\" | \"left\" | \"top\" | \"bottom\" | \"off\"\n    switch (legendPlacement) {\n        case 'off':\n            return false;\n        case 'left':\n            return LeftLegendFactory({\n                width: SideLegendWidth,\n                ...commonLegendProps,\n            });\n        case 'bottom':\n            return BottomLegendFactory({\n                wrap: true,\n                ...commonLegendProps,\n            });\n        case 'top':\n            return TopLegendFactory({\n                wrap: true,\n                ...commonLegendProps,\n            });\n        // Note: By default, use right legend\n        default:\n            return SideLegendFactory({\n                width: SideLegendWidth,\n                ...commonLegendProps,\n            });\n    }\n};\n\nexport const getComputedAxisTitles = (\n    inputAxisTitle: string,\n    fields: string[],\n    axisTitleVisibility: 'show' | 'collapsed'\n): string => {\n    if (axisTitleVisibility === 'collapsed') {\n        return '';\n    }\n    let fieldTitle = fields.length > 1 ? '' : fields[0]; // If more than one series (multi-series) default empty title\n    if (!fieldTitle) {\n        fieldTitle = '';\n    }\n    return inputAxisTitle?.length ? inputAxisTitle.trim() : fieldTitle;\n};\n\n/**\n * Truncates Y-axis title based on available container height and font metrics\n * @param axisTitle - The title text to potentially truncate\n * @param containerSpacing - Available height/ width in pixels depending on axis orientation\n * @param fontSize - Font size in pixels (default: 12)\n * @returns Truncated title with ellipsis if needed\n */\nexport const ellipsisAxisTitle = (axisTitle: string, containerSpacing: number, fontSize = 12): string => {\n    if (!axisTitle) {\n        return '';\n    }\n    if (Number.isNaN(containerSpacing) || containerSpacing <= 0) {\n        return axisTitle;\n    }\n    // Calculate available height for text (leave 40% margin)\n    const availableHeight = containerSpacing * 0.6;\n\n    // Use a generic character width ratio that works across most fonts\n    // 0.55 is a reasonable average for most fonts\n    const avgCharWidth = fontSize * 0.55;\n\n    // Calculate maximum characters that fit in available height\n    const maxChars = Math.floor(availableHeight / avgCharWidth);\n\n    // If title fits, return as-is\n    if (axisTitle.length <= maxChars) {\n        return axisTitle;\n    }\n\n    // Need to truncate - use middle ellipsis for better context\n    if (maxChars <= 3) {\n        return '...'; // Not enough space for meaningful text\n    }\n\n    // Reserve 3 characters for ellipsis\n    const availableChars = maxChars - 3;\n    const halfChars = Math.floor(availableChars / 2);\n\n    // Create truncated title with middle ellipsis\n    const start = axisTitle.slice(0, halfChars);\n    const end = axisTitle.slice(-halfChars);\n\n    return `${start}...${end}`;\n};\n\nexport type FieldObject = {\n    name: string;\n};\n\nexport const getFieldName = (field: string | FieldObject): string => {\n    const fieldName = typeof field === 'object' ? (field as unknown as FieldObject)?.name : field;\n    return fieldName;\n};\n\nexport const getFieldNames = (fields: (string | FieldObject)[]): string[] => {\n    return fields.map(field => getFieldName(field));\n};\n\n/**\n * Returns X scale config for viz-canvas charts\n * @param label\n * @returns\n */\nexport const getXScaleConfig = (label: string): ScaleConfig => {\n    const xConfig: ScaleConfig = { x: {} };\n    xConfig.x.label = label;\n    return xConfig;\n};\n\n/**\n * Returns Y scale config for viz-canvas charts\n * @param label\n * @param yAxisAbbreviation\n * @returns\n */\nexport const getYScaleConfig = (\n    label: string,\n    yAxisAbbreviation: string,\n    yAxisScale?: 'linear' | 'log'\n): ScaleConfig => {\n    const scaleType = yAxisScale ?? 'linear';\n    const yConfig: ScaleConfig = { y: {} };\n    yConfig.y.label = label;\n    yConfig.y.type = scaleType;\n    if (yAxisAbbreviation !== 'none') {\n        yConfig.y.tickFmt = (v): string => shortenNumber(v, 1);\n    }\n    if (yAxisAbbreviation === 'none') {\n        yConfig.y.width = 55;\n    } else {\n        yConfig.y.width = label && label.length > 0 ? 30 : 10;\n    }\n    return yConfig;\n};\n/**\n * Returns Y2 scale config for viz-canvas charts\n * @param label\n * @param axisAbbreviation\n * @returns\n */\nexport const getY2ScaleConfig = (\n    label: string,\n    axisAbbreviation: string,\n    axisScale?: 'linear' | 'log',\n    roundAxisLabelsToInteger?: boolean\n): ScaleConfig => {\n    const y2Config: ScaleConfig = { y2: {} };\n    const scaleType = axisScale ?? 'linear';\n    y2Config.y2.label = label;\n    y2Config.y2.side = 'right';\n    y2Config.y2.showGrid = false; // disabled y2 axis gridlines as it is the default, TODO: make this configurable in the future (SCP-71269)\n    y2Config.y2.type = scaleType;\n    if (axisAbbreviation !== 'none') {\n        y2Config.y2.tickFmt = (v): string => shortenNumber(v, 1, roundAxisLabelsToInteger);\n    } else if (roundAxisLabelsToInteger) {\n        y2Config.y2.tickFmt = (v): string =>\n            roundAxisLabelsToInteger ? Math.round(v).toString() : v.toString();\n    }\n    return y2Config;\n};\n\n/**\n * Add series overrides for viz-canvas charts (for eg:- line width)\n */\nexport const getSeriesOverrides = (\n    yfields: string[],\n    y2fields?: string[],\n    lineWidth?: number,\n    overlayFields?: string[],\n    y2Enabled?: boolean,\n    nullValueMode?: 'gaps' | 'connect' | 'zero'\n): SeriesConfig => {\n    const seriesConfig: SeriesConfig = {};\n\n    // Determine spanGaps based on nullValueMode\n    let spanGaps: boolean | undefined;\n    let replaceNullsWithZero: boolean | undefined;\n    if (nullValueMode === 'gaps') {\n        spanGaps = false;\n    } else if (nullValueMode === 'connect' || nullValueMode === 'zero') {\n        spanGaps = true;\n        if (nullValueMode === 'zero') {\n            replaceNullsWithZero = true;\n        }\n    }\n\n    yfields.forEach(field => {\n        seriesConfig[field] = {\n            overrides: { width: lineWidth ?? DEFAULT_LINE_WIDTH },\n        };\n\n        // Add spanGaps if nullValueMode is provided\n        if (spanGaps !== undefined) {\n            seriesConfig[field].overrides.spanGaps = spanGaps;\n        }\n\n        // If y2Enabled is true, determine which fields go to y2 scale\n        if (y2Enabled) {\n            const shouldAssignToY2 =\n                // If y2Fields are present, assign all y2Fields to y2 scale\n                (y2fields?.length > 0 && y2fields.includes(field)) ||\n                // Else, assign all overlayFields to y2 scale\n                ((!y2fields || y2fields.length === 0) && overlayFields?.includes(field));\n\n            if (shouldAssignToY2) {\n                seriesConfig[field].overrides.scale = 'y2';\n            }\n        }\n\n        // If field is in overlayFields, set type to 'line'\n        if (overlayFields?.includes(field)) {\n            seriesConfig[field].type = 'line';\n        }\n\n        // Add replaceNullsWithZero if nullValueMode is 'zero'\n        if (replaceNullsWithZero !== undefined) {\n            seriesConfig[field].replaceNullsWithZero = replaceNullsWithZero;\n        }\n    });\n\n    return seriesConfig;\n};\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\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 \"styled-components\";\nexport * from \"styled-components\";\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/react-icons/Triangle\";\nexport * from \"@splunk/react-icons/Triangle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-canvas\";\nexport * from \"@splunk/visualization-canvas\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

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 mapToOldKey\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"],
+  "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": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/common/utils/hocUtils.js

@@ -30,7 +30,7 @@ var extendStaticWrapperProps = ({
   Wrapper,
   Visualization
 }) => {
-  const extendProperties = ["propTypes", "defaultProps", "config"];
+  const extendProperties = ["propTypes", "config"];
   extendProperties.forEach((prop) => {
     if (Visualization[prop]) {
       Wrapper[prop] = Visualization[prop];

package/common/utils/hocUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/common/utils/hocUtils.ts"],
-  "sourcesContent": ["import { DashboardVizProps } from '../interfaces/DashboardVizProps';\n\nexport type DashboardVizType = React.ComponentType<DashboardVizProps>;\n\n/**\n * @method extendStaticWrapperProps\n * @param {Object} props\n * @param {DashboardVizType} props.Wrapper\n * @param {DashboardVizType} props.Visualization\n */\nexport const extendStaticWrapperProps = ({\n    Wrapper,\n    Visualization,\n}: {\n    [key: string]: DashboardVizType;\n}): void => {\n    const extendProperties = ['propTypes', 'defaultProps', 'config'];\n    extendProperties.forEach((prop: string): void => {\n        if (Visualization[prop]) {\n            // eslint-disable-next-line no-param-reassign\n            Wrapper[prop] = Visualization[prop];\n        }\n    });\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,IAAM,2BAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AACJ,MAEY;AACR,QAAM,mBAAmB,CAAC,aAAa,gBAAgB,QAAQ;AAC/D,mBAAiB,QAAQ,CAAC,SAAuB;AAC7C,QAAI,cAAc,IAAI,GAAG;AAErB,cAAQ,IAAI,IAAI,cAAc,IAAI;AAAA,IACtC;AAAA,EACJ,CAAC;AACL;",
+  "sourcesContent": ["import { DashboardVizProps } from '../interfaces/DashboardVizProps';\n\nexport type DashboardVizType = React.ComponentType<DashboardVizProps>;\n\n/**\n * @method extendStaticWrapperProps\n * @param {Object} props\n * @param {DashboardVizType} props.Wrapper\n * @param {DashboardVizType} props.Visualization\n */\nexport const extendStaticWrapperProps = ({\n    Wrapper,\n    Visualization,\n}: {\n    [key: string]: DashboardVizType;\n}): void => {\n    const extendProperties = ['propTypes', 'config'];\n    extendProperties.forEach((prop: string): void => {\n        if (Visualization[prop]) {\n            // eslint-disable-next-line no-param-reassign\n            Wrapper[prop] = Visualization[prop];\n        }\n    });\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,IAAM,2BAA2B,CAAC;AAAA,EACrC;AAAA,EACA;AACJ,MAEY;AACR,QAAM,mBAAmB,CAAC,aAAa,QAAQ;AAC/C,mBAAiB,QAAQ,CAAC,SAAuB;AAC7C,QAAI,cAAc,IAAI,GAAG;AAErB,cAAQ,IAAI,IAAI,cAAc,IAAI;AAAA,IACtC;AAAA,EACJ,CAAC;AACL;",
   "names": []
 }