@perses-dev/components 0.55.0-beta.3 → 0.55.0-beta.6

package/dist/theme/typography.d.ts

@@ -4,7 +4,7 @@ import '@fontsource/inter/500.css';
 import '@fontsource/inter/600.css';
 import '@fontsource/inter/700.css';
 import '@fontsource/inter/900.css';
-import { ThemeOptions } from '@mui/material';
+import type { ThemeOptions } from '@mui/material';
 /**
  * Theme typography options that are the same across both the dark and light themes.
  */

package/dist/theme/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAaA,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAQ7C;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAsEjD,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAaA,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAQlD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAsEjD,CAAC"}

package/dist/theme/typography.js

@@ -10,12 +10,12 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import '@fontsource/inter/300.css';
-import '@fontsource/inter/400.css';
-import '@fontsource/inter/500.css';
-import '@fontsource/inter/600.css';
-import '@fontsource/inter/700.css';
-import '@fontsource/inter/900.css';
+import "@fontsource/inter/300.css";
+import "@fontsource/inter/400.css";
+import "@fontsource/inter/500.css";
+import "@fontsource/inter/600.css";
+import "@fontsource/inter/700.css";
+import "@fontsource/inter/900.css";
 // Font weights need to correspond with the imports at the top of the file
 const fontWeightLight = 300;
 const fontWeightRegular = 400;

package/dist/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/typography.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport '@fontsource/inter/300.css';\nimport '@fontsource/inter/400.css';\nimport '@fontsource/inter/500.css';\nimport '@fontsource/inter/600.css';\nimport '@fontsource/inter/700.css';\nimport '@fontsource/inter/900.css';\nimport { ThemeOptions } from '@mui/material';\n\n// Font weights need to correspond with the imports at the top of the file\nconst fontWeightLight = 300;\nconst fontWeightRegular = 400;\nconst fontWeightMedium = 600;\nconst fontWeightBold = 700;\n\n/**\n * Theme typography options that are the same across both the dark and light themes.\n */\nexport const typography: ThemeOptions['typography'] = {\n  fontFamily:\n    'Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"',\n\n  fontWeightLight,\n  fontWeightRegular,\n  fontWeightMedium,\n  fontWeightBold,\n\n  h1: {\n    fontSize: '1.5rem', // 24px\n    fontWeight: fontWeightMedium,\n    lineHeight: '32px',\n  },\n  h2: {\n    fontSize: '1.25rem', // 20px\n    fontWeight: fontWeightMedium,\n    lineHeight: '28px',\n  },\n  h3: {\n    fontSize: '1rem', // 16px\n    fontWeight: fontWeightMedium,\n    lineHeight: '24px',\n  },\n  h4: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightMedium,\n    lineHeight: '22px',\n  },\n  h5: undefined,\n  h6: undefined,\n\n  body1: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightRegular,\n    lineHeight: '20px',\n  },\n  body2: {\n    fontSize: '0.75rem', // 12px\n    fontWeight: fontWeightRegular,\n    lineHeight: '18px',\n  },\n  subtitle1: {\n    fontSize: '1rem', // 16px\n    fontWeight: fontWeightRegular,\n    lineHeight: '24px',\n    letterSpacing: '0.02rem',\n  },\n  subtitle2: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightMedium,\n    lineHeight: '22px',\n    letterSpacing: '0.03rem',\n    textTransform: 'uppercase',\n  },\n\n  button: {\n    // 14px\n    fontSize: '0.875rem',\n    fontWeight: fontWeightMedium,\n    // 20 px\n    lineHeight: '1.25rem',\n    textTransform: 'none',\n    letterSpacing: '0.03rem',\n  },\n  caption: {\n    fontSize: '0.6875rem', // 11px\n    fontWeight: fontWeightRegular,\n    lineHeight: '16px',\n  },\n};\n"],"names":["fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","typography","fontFamily","h1","fontSize","fontWeight","lineHeight","h2","h3","h4","h5","undefined","h6","body1","body2","subtitle1","letterSpacing","subtitle2","textTransform","button","caption"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AAGnC,0EAA0E;AAC1E,MAAMA,kBAAkB;AACxB,MAAMC,oBAAoB;AAC1B,MAAMC,mBAAmB;AACzB,MAAMC,iBAAiB;AAEvB;;CAEC,GACD,OAAO,MAAMC,aAAyC;IACpDC,YACE;IAEFL;IACAC;IACAC;IACAC;IAEAG,IAAI;QACFC,UAAU;QACVC,YAAYN;QACZO,YAAY;IACd;IACAC,IAAI;QACFH,UAAU;QACVC,YAAYN;QACZO,YAAY;IACd;IACAE,IAAI;QACFJ,UAAU;QACVC,YAAYN;QACZO,YAAY;IACd;IACAG,IAAI;QACFL,UAAU;QACVC,YAAYN;QACZO,YAAY;IACd;IACAI,IAAIC;IACJC,IAAID;IAEJE,OAAO;QACLT,UAAU;QACVC,YAAYP;QACZQ,YAAY;IACd;IACAQ,OAAO;QACLV,UAAU;QACVC,YAAYP;QACZQ,YAAY;IACd;IACAS,WAAW;QACTX,UAAU;QACVC,YAAYP;QACZQ,YAAY;QACZU,eAAe;IACjB;IACAC,WAAW;QACTb,UAAU;QACVC,YAAYN;QACZO,YAAY;QACZU,eAAe;QACfE,eAAe;IACjB;IAEAC,QAAQ;QACN,OAAO;QACPf,UAAU;QACVC,YAAYN;QACZ,QAAQ;QACRO,YAAY;QACZY,eAAe;QACfF,eAAe;IACjB;IACAI,SAAS;QACPhB,UAAU;QACVC,YAAYP;QACZQ,YAAY;IACd;AACF,EAAE"}
+{"version":3,"sources":["../../src/theme/typography.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport '@fontsource/inter/300.css';\nimport '@fontsource/inter/400.css';\nimport '@fontsource/inter/500.css';\nimport '@fontsource/inter/600.css';\nimport '@fontsource/inter/700.css';\nimport '@fontsource/inter/900.css';\nimport type { ThemeOptions } from '@mui/material';\n\n// Font weights need to correspond with the imports at the top of the file\nconst fontWeightLight = 300;\nconst fontWeightRegular = 400;\nconst fontWeightMedium = 600;\nconst fontWeightBold = 700;\n\n/**\n * Theme typography options that are the same across both the dark and light themes.\n */\nexport const typography: ThemeOptions['typography'] = {\n  fontFamily:\n    'Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"',\n\n  fontWeightLight,\n  fontWeightRegular,\n  fontWeightMedium,\n  fontWeightBold,\n\n  h1: {\n    fontSize: '1.5rem', // 24px\n    fontWeight: fontWeightMedium,\n    lineHeight: '32px',\n  },\n  h2: {\n    fontSize: '1.25rem', // 20px\n    fontWeight: fontWeightMedium,\n    lineHeight: '28px',\n  },\n  h3: {\n    fontSize: '1rem', // 16px\n    fontWeight: fontWeightMedium,\n    lineHeight: '24px',\n  },\n  h4: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightMedium,\n    lineHeight: '22px',\n  },\n  h5: undefined,\n  h6: undefined,\n\n  body1: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightRegular,\n    lineHeight: '20px',\n  },\n  body2: {\n    fontSize: '0.75rem', // 12px\n    fontWeight: fontWeightRegular,\n    lineHeight: '18px',\n  },\n  subtitle1: {\n    fontSize: '1rem', // 16px\n    fontWeight: fontWeightRegular,\n    lineHeight: '24px',\n    letterSpacing: '0.02rem',\n  },\n  subtitle2: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightMedium,\n    lineHeight: '22px',\n    letterSpacing: '0.03rem',\n    textTransform: 'uppercase',\n  },\n\n  button: {\n    // 14px\n    fontSize: '0.875rem',\n    fontWeight: fontWeightMedium,\n    // 20 px\n    lineHeight: '1.25rem',\n    textTransform: 'none',\n    letterSpacing: '0.03rem',\n  },\n  caption: {\n    fontSize: '0.6875rem', // 11px\n    fontWeight: fontWeightRegular,\n    lineHeight: '16px',\n  },\n};\n"],"names":["fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","typography","fontFamily","h1","fontSize","fontWeight","lineHeight","h2","h3","h4","h5","undefined","h6","body1","body2","subtitle1","letterSpacing","subtitle2","textTransform","button","caption"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AACnC,OAAO,4BAA4B;AAGnC,0EAA0E;AAC1E,MAAMA,kBAAkB;AACxB,MAAMC,oBAAoB;AAC1B,MAAMC,mBAAmB;AACzB,MAAMC,iBAAiB;AAEvB;;CAEC,GACD,OAAO,MAAMC,aAAyC;IACpDC,YACE;IAEFL;IACAC;IACAC;IACAC;IAEAG,IAAI;QACFC,UAAU;QACVC,YAAYN;QACZO,YAAY;IACd;IACAC,IAAI;QACFH,UAAU;QACVC,YAAYN;QACZO,YAAY;IACd;IACAE,IAAI;QACFJ,UAAU;QACVC,YAAYN;QACZO,YAAY;IACd;IACAG,IAAI;QACFL,UAAU;QACVC,YAAYN;QACZO,YAAY;IACd;IACAI,IAAIC;IACJC,IAAID;IAEJE,OAAO;QACLT,UAAU;QACVC,YAAYP;QACZQ,YAAY;IACd;IACAQ,OAAO;QACLV,UAAU;QACVC,YAAYP;QACZQ,YAAY;IACd;IACAS,WAAW;QACTX,UAAU;QACVC,YAAYP;QACZQ,YAAY;QACZU,eAAe;IACjB;IACAC,WAAW;QACTb,UAAU;QACVC,YAAYN;QACZO,YAAY;QACZU,eAAe;QACfE,eAAe;IACjB;IAEAC,QAAQ;QACN,OAAO;QACPf,UAAU;QACVC,YAAYN;QACZ,QAAQ;QACRO,YAAY;QACZY,eAAe;QACfF,eAAe;IACjB;IACAI,SAAS;QACPhB,UAAU;QACVC,YAAYP;QACZQ,YAAY;IACd;AACF,EAAE"}

package/dist/utils/axis.d.ts

@@ -1,5 +1,5 @@
 import type { XAXisComponentOption, YAXisComponentOption } from 'echarts';
-import { FormatOptions } from '../model';
+import type { FormatOptions } from '../model';
 export interface YAxisConfig {
     format?: FormatOptions;
     position?: 'left' | 'right';

package/dist/utils/axis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axis.d.ts","sourceRoot":"","sources":["../../src/utils/axis.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAe,MAAM,UAAU,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AA0BD,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,EAAE,CAWpH;AAED;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,oBAAoB,GAAG,SAAS,EAC1C,UAAU,EAAE,aAAa,GAAG,SAAS,EACrC,iBAAiB,EAAE,aAAa,EAAE,EAClC,SAAS,CAAC,EAAE,MAAM,EAAE,GACnB,oBAAoB,EAAE,CAkDxB"}
+{"version":3,"file":"axis.d.ts","sourceRoot":"","sources":["../../src/utils/axis.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AA0BD,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,EAAE,CAWpH;AAED;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,oBAAoB,GAAG,SAAS,EAC1C,UAAU,EAAE,aAAa,GAAG,SAAS,EACrC,iBAAiB,EAAE,aAAa,EAAE,EAClC,SAAS,CAAC,EAAE,MAAM,EAAE,GACnB,oBAAoB,EAAE,CAkDxB"}

package/dist/utils/axis.js

@@ -10,8 +10,8 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import merge from 'lodash/merge';
-import { formatValue } from '../model';
+import merge from "lodash/merge";
+import { formatValue } from "../model/index.js";
 // Character width multipliers (approximate for typical UI fonts)
 const CHAR_WIDTH_BASE = 6;
 const AXIS_LABEL_PADDING = 10; // Extra padding to avoid label clipping

package/dist/utils/axis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/axis.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { XAXisComponentOption, YAXisComponentOption } from 'echarts';\nimport merge from 'lodash/merge';\n\nimport { FormatOptions, formatValue } from '../model';\n\nexport interface YAxisConfig {\n  format?: FormatOptions;\n  position?: 'left' | 'right';\n  show?: boolean;\n  min?: number;\n  max?: number;\n}\n\n// Character width multipliers (approximate for typical UI fonts)\nconst CHAR_WIDTH_BASE = 6;\nconst AXIS_LABEL_PADDING = 10; // Extra padding to avoid label clipping\n\n/**\n * Estimate the pixel width needed for an axis label using Canvas API.\n */\nfunction estimateLabelWidth(format: FormatOptions | undefined, maxValue: number): number {\n  const formattedLabel = formatValue(maxValue, format);\n  // Create a canvas element (reuse if possible for performance)\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  if (!context) {\n    // Fallback to estimation if canvas not available\n    return formattedLabel.length * CHAR_WIDTH_BASE;\n  }\n  context.font = '12px sans-serif';\n  const metrics = context.measureText(formattedLabel);\n  return metrics.width;\n}\n\n/*\n * Populate yAxis or xAxis properties, returns an Array since multiple axes are supported\n */\nexport function getFormattedAxis(axis?: YAXisComponentOption | XAXisComponentOption, unit?: FormatOptions): unknown[] {\n  const AXIS_DEFAULT = {\n    type: 'value',\n    boundaryGap: [0, '10%'],\n    axisLabel: {\n      formatter: (value: number): string => {\n        return formatValue(value, unit);\n      },\n    },\n  };\n  return [merge(AXIS_DEFAULT, axis)];\n}\n\n/**\n * Create multiple Y axes configurations for ECharts\n * The first axis (index 0) is always on the left side (default axis from panel settings)\n * Additional axes are placed on the right side\n *\n * @param baseAxis - Base axis configuration from panel settings\n * @param baseFormat - Format for the base/default Y axis\n * @param additionalFormats - Array of formats for additional right-side Y axes\n * @param maxValues - Optional array of max values for each additional format (used to compute dynamic label widths)\n */\nexport function getFormattedMultipleYAxes(\n  baseAxis: YAXisComponentOption | undefined,\n  baseFormat: FormatOptions | undefined,\n  additionalFormats: FormatOptions[],\n  maxValues?: number[],\n): YAXisComponentOption[] {\n  const axes: YAXisComponentOption[] = [];\n\n  // Base/default Y axis (left side)\n  const baseAxisConfig: YAXisComponentOption = merge(\n    {\n      type: 'value',\n      position: 'left',\n      boundaryGap: [0, '10%'],\n      axisLabel: {\n        formatter: (value: number): string => {\n          return formatValue(value, baseFormat);\n        },\n        // Let ECharts handle width automatically\n        overflow: 'truncate',\n      },\n    },\n    baseAxis,\n  );\n  axes.push(baseAxisConfig);\n\n  // Calculate cumulative offsets based on actual formatted label widths\n  let cumulativeOffset = 0;\n\n  // Additional Y axes (right side) for each unique format\n  additionalFormats.forEach((format, index) => {\n    const rightAxisConfig: YAXisComponentOption = {\n      type: 'value',\n      position: 'right',\n      // Dynamic offset based on cumulative width of preceding axis labels\n      offset: cumulativeOffset,\n      boundaryGap: [0, '10%'],\n      axisLabel: {\n        formatter: (value: number): string => {\n          return formatValue(value, format);\n        },\n      },\n      splitLine: {\n        show: false, // Hide grid lines for right-side axes to reduce visual noise\n      },\n      show: baseAxis?.show,\n    };\n    axes.push(rightAxisConfig);\n    // For subsequent axes, add the width of the previous axis's labels\n    if (maxValues) {\n      cumulativeOffset += estimateLabelWidth(format, maxValues[index] ?? 1000) + AXIS_LABEL_PADDING;\n    }\n  });\n\n  return axes;\n}\n"],"names":["merge","formatValue","CHAR_WIDTH_BASE","AXIS_LABEL_PADDING","estimateLabelWidth","format","maxValue","formattedLabel","canvas","document","createElement","context","getContext","length","font","metrics","measureText","width","getFormattedAxis","axis","unit","AXIS_DEFAULT","type","boundaryGap","axisLabel","formatter","value","getFormattedMultipleYAxes","baseAxis","baseFormat","additionalFormats","maxValues","axes","baseAxisConfig","position","overflow","push","cumulativeOffset","forEach","index","rightAxisConfig","offset","splitLine","show"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,WAAW,eAAe;AAEjC,SAAwBC,WAAW,QAAQ,WAAW;AAUtD,iEAAiE;AACjE,MAAMC,kBAAkB;AACxB,MAAMC,qBAAqB,IAAI,wCAAwC;AAEvE;;CAEC,GACD,SAASC,mBAAmBC,MAAiC,EAAEC,QAAgB;IAC7E,MAAMC,iBAAiBN,YAAYK,UAAUD;IAC7C,8DAA8D;IAC9D,MAAMG,SAASC,SAASC,aAAa,CAAC;IACtC,MAAMC,UAAUH,OAAOI,UAAU,CAAC;IAClC,IAAI,CAACD,SAAS;QACZ,iDAAiD;QACjD,OAAOJ,eAAeM,MAAM,GAAGX;IACjC;IACAS,QAAQG,IAAI,GAAG;IACf,MAAMC,UAAUJ,QAAQK,WAAW,CAACT;IACpC,OAAOQ,QAAQE,KAAK;AACtB;AAEA;;CAEC,GACD,OAAO,SAASC,iBAAiBC,IAAkD,EAAEC,IAAoB;IACvG,MAAMC,eAAe;QACnBC,MAAM;QACNC,aAAa;YAAC;YAAG;SAAM;QACvBC,WAAW;YACTC,WAAW,CAACC;gBACV,OAAOzB,YAAYyB,OAAON;YAC5B;QACF;IACF;IACA,OAAO;QAACpB,MAAMqB,cAAcF;KAAM;AACpC;AAEA;;;;;;;;;CASC,GACD,OAAO,SAASQ,0BACdC,QAA0C,EAC1CC,UAAqC,EACrCC,iBAAkC,EAClCC,SAAoB;IAEpB,MAAMC,OAA+B,EAAE;IAEvC,kCAAkC;IAClC,MAAMC,iBAAuCjC,MAC3C;QACEsB,MAAM;QACNY,UAAU;QACVX,aAAa;YAAC;YAAG;SAAM;QACvBC,WAAW;YACTC,WAAW,CAACC;gBACV,OAAOzB,YAAYyB,OAAOG;YAC5B;YACA,yCAAyC;YACzCM,UAAU;QACZ;IACF,GACAP;IAEFI,KAAKI,IAAI,CAACH;IAEV,sEAAsE;IACtE,IAAII,mBAAmB;IAEvB,wDAAwD;IACxDP,kBAAkBQ,OAAO,CAAC,CAACjC,QAAQkC;QACjC,MAAMC,kBAAwC;YAC5ClB,MAAM;YACNY,UAAU;YACV,oEAAoE;YACpEO,QAAQJ;YACRd,aAAa;gBAAC;gBAAG;aAAM;YACvBC,WAAW;gBACTC,WAAW,CAACC;oBACV,OAAOzB,YAAYyB,OAAOrB;gBAC5B;YACF;YACAqC,WAAW;gBACTC,MAAM;YACR;YACAA,MAAMf,UAAUe;QAClB;QACAX,KAAKI,IAAI,CAACI;QACV,mEAAmE;QACnE,IAAIT,WAAW;YACbM,oBAAoBjC,mBAAmBC,QAAQ0B,SAAS,CAACQ,MAAM,IAAI,QAAQpC;QAC7E;IACF;IAEA,OAAO6B;AACT"}
+{"version":3,"sources":["../../src/utils/axis.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { XAXisComponentOption, YAXisComponentOption } from 'echarts';\nimport merge from 'lodash/merge';\n\nimport type { FormatOptions } from '../model';\nimport { formatValue } from '../model';\n\nexport interface YAxisConfig {\n  format?: FormatOptions;\n  position?: 'left' | 'right';\n  show?: boolean;\n  min?: number;\n  max?: number;\n}\n\n// Character width multipliers (approximate for typical UI fonts)\nconst CHAR_WIDTH_BASE = 6;\nconst AXIS_LABEL_PADDING = 10; // Extra padding to avoid label clipping\n\n/**\n * Estimate the pixel width needed for an axis label using Canvas API.\n */\nfunction estimateLabelWidth(format: FormatOptions | undefined, maxValue: number): number {\n  const formattedLabel = formatValue(maxValue, format);\n  // Create a canvas element (reuse if possible for performance)\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  if (!context) {\n    // Fallback to estimation if canvas not available\n    return formattedLabel.length * CHAR_WIDTH_BASE;\n  }\n  context.font = '12px sans-serif';\n  const metrics = context.measureText(formattedLabel);\n  return metrics.width;\n}\n\n/*\n * Populate yAxis or xAxis properties, returns an Array since multiple axes are supported\n */\nexport function getFormattedAxis(axis?: YAXisComponentOption | XAXisComponentOption, unit?: FormatOptions): unknown[] {\n  const AXIS_DEFAULT = {\n    type: 'value',\n    boundaryGap: [0, '10%'],\n    axisLabel: {\n      formatter: (value: number): string => {\n        return formatValue(value, unit);\n      },\n    },\n  };\n  return [merge(AXIS_DEFAULT, axis)];\n}\n\n/**\n * Create multiple Y axes configurations for ECharts\n * The first axis (index 0) is always on the left side (default axis from panel settings)\n * Additional axes are placed on the right side\n *\n * @param baseAxis - Base axis configuration from panel settings\n * @param baseFormat - Format for the base/default Y axis\n * @param additionalFormats - Array of formats for additional right-side Y axes\n * @param maxValues - Optional array of max values for each additional format (used to compute dynamic label widths)\n */\nexport function getFormattedMultipleYAxes(\n  baseAxis: YAXisComponentOption | undefined,\n  baseFormat: FormatOptions | undefined,\n  additionalFormats: FormatOptions[],\n  maxValues?: number[],\n): YAXisComponentOption[] {\n  const axes: YAXisComponentOption[] = [];\n\n  // Base/default Y axis (left side)\n  const baseAxisConfig: YAXisComponentOption = merge(\n    {\n      type: 'value',\n      position: 'left',\n      boundaryGap: [0, '10%'],\n      axisLabel: {\n        formatter: (value: number): string => {\n          return formatValue(value, baseFormat);\n        },\n        // Let ECharts handle width automatically\n        overflow: 'truncate',\n      },\n    },\n    baseAxis,\n  );\n  axes.push(baseAxisConfig);\n\n  // Calculate cumulative offsets based on actual formatted label widths\n  let cumulativeOffset = 0;\n\n  // Additional Y axes (right side) for each unique format\n  additionalFormats.forEach((format, index) => {\n    const rightAxisConfig: YAXisComponentOption = {\n      type: 'value',\n      position: 'right',\n      // Dynamic offset based on cumulative width of preceding axis labels\n      offset: cumulativeOffset,\n      boundaryGap: [0, '10%'],\n      axisLabel: {\n        formatter: (value: number): string => {\n          return formatValue(value, format);\n        },\n      },\n      splitLine: {\n        show: false, // Hide grid lines for right-side axes to reduce visual noise\n      },\n      show: baseAxis?.show,\n    };\n    axes.push(rightAxisConfig);\n    // For subsequent axes, add the width of the previous axis's labels\n    if (maxValues) {\n      cumulativeOffset += estimateLabelWidth(format, maxValues[index] ?? 1000) + AXIS_LABEL_PADDING;\n    }\n  });\n\n  return axes;\n}\n"],"names":["merge","formatValue","CHAR_WIDTH_BASE","AXIS_LABEL_PADDING","estimateLabelWidth","format","maxValue","formattedLabel","canvas","document","createElement","context","getContext","length","font","metrics","measureText","width","getFormattedAxis","axis","unit","AXIS_DEFAULT","type","boundaryGap","axisLabel","formatter","value","getFormattedMultipleYAxes","baseAxis","baseFormat","additionalFormats","maxValues","axes","baseAxisConfig","position","overflow","push","cumulativeOffset","forEach","index","rightAxisConfig","offset","splitLine","show"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,WAAW,eAAe;AAGjC,SAASC,WAAW,QAAQ,oBAAW;AAUvC,iEAAiE;AACjE,MAAMC,kBAAkB;AACxB,MAAMC,qBAAqB,IAAI,wCAAwC;AAEvE;;CAEC,GACD,SAASC,mBAAmBC,MAAiC,EAAEC,QAAgB;IAC7E,MAAMC,iBAAiBN,YAAYK,UAAUD;IAC7C,8DAA8D;IAC9D,MAAMG,SAASC,SAASC,aAAa,CAAC;IACtC,MAAMC,UAAUH,OAAOI,UAAU,CAAC;IAClC,IAAI,CAACD,SAAS;QACZ,iDAAiD;QACjD,OAAOJ,eAAeM,MAAM,GAAGX;IACjC;IACAS,QAAQG,IAAI,GAAG;IACf,MAAMC,UAAUJ,QAAQK,WAAW,CAACT;IACpC,OAAOQ,QAAQE,KAAK;AACtB;AAEA;;CAEC,GACD,OAAO,SAASC,iBAAiBC,IAAkD,EAAEC,IAAoB;IACvG,MAAMC,eAAe;QACnBC,MAAM;QACNC,aAAa;YAAC;YAAG;SAAM;QACvBC,WAAW;YACTC,WAAW,CAACC;gBACV,OAAOzB,YAAYyB,OAAON;YAC5B;QACF;IACF;IACA,OAAO;QAACpB,MAAMqB,cAAcF;KAAM;AACpC;AAEA;;;;;;;;;CASC,GACD,OAAO,SAASQ,0BACdC,QAA0C,EAC1CC,UAAqC,EACrCC,iBAAkC,EAClCC,SAAoB;IAEpB,MAAMC,OAA+B,EAAE;IAEvC,kCAAkC;IAClC,MAAMC,iBAAuCjC,MAC3C;QACEsB,MAAM;QACNY,UAAU;QACVX,aAAa;YAAC;YAAG;SAAM;QACvBC,WAAW;YACTC,WAAW,CAACC;gBACV,OAAOzB,YAAYyB,OAAOG;YAC5B;YACA,yCAAyC;YACzCM,UAAU;QACZ;IACF,GACAP;IAEFI,KAAKI,IAAI,CAACH;IAEV,sEAAsE;IACtE,IAAII,mBAAmB;IAEvB,wDAAwD;IACxDP,kBAAkBQ,OAAO,CAAC,CAACjC,QAAQkC;QACjC,MAAMC,kBAAwC;YAC5ClB,MAAM;YACNY,UAAU;YACV,oEAAoE;YACpEO,QAAQJ;YACRd,aAAa;gBAAC;gBAAG;aAAM;YACvBC,WAAW;gBACTC,WAAW,CAACC;oBACV,OAAOzB,YAAYyB,OAAOrB;gBAC5B;YACF;YACAqC,WAAW;gBACTC,MAAM;YACR;YACAA,MAAMf,UAAUe;QAClB;QACAX,KAAKI,IAAI,CAACI;QACV,mEAAmE;QACnE,IAAIT,WAAW;YACbM,oBAAoBjC,mBAAmBC,QAAQ0B,SAAS,CAACQ,MAAM,IAAI,QAAQpC;QAC7E;IACF;IAEA,OAAO6B;AACT"}

package/dist/utils/browser-storage.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useState, useCallback } from 'react';
+import { useState, useCallback } from "react";
 /**
  * Just like useState but gets/sets the value in the browser's local storage.
  * 'key' should be a constant string. 'initialValue' is returned when local

package/dist/utils/chart-actions.d.ts

@@ -1,6 +1,6 @@
-import { TimeSeries, TimeSeriesValueTuple } from '@perses-dev/spec';
-import { ECharts as EChartsInstance } from 'echarts/core';
-import { DatapointInfo, TimeChartSeriesMapping } from '../model';
+import type { TimeSeries, TimeSeriesValueTuple } from '@perses-dev/spec';
+import type { ECharts as EChartsInstance } from 'echarts/core';
+import type { DatapointInfo, TimeChartSeriesMapping } from '../model';
 export interface ZoomEventData {
     start: number;
     end: number;

package/dist/utils/chart-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-actions.d.ts","sourceRoot":"","sources":["../../src/utils/chart-actions.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAgC,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAE/F,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAa3D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAKzD;AAMD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAYnE;AAOD,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,eAAe,GAAG,MAAM,EAAE,GAAG,IAAI,CAYnH;AAOD,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,eAAe,EACtB,mBAAmB,EAAE,MAAM,EAAE,EAC7B,uBAAuB,EAAE,MAAM,EAAE,EACjC,0BAA0B,EAAE,MAAM,EAAE,EACpC,oBAAoB,EAAE,aAAa,EAAE,EACrC,mBAAmB,EAAE,aAAa,EAAE,GACnC,IAAI,CA0DN;AAKD,wBAAgB,0BAA0B,CAAC,aAAa,EAAE,sBAAsB,GAAG,OAAO,CAGzF;AAMD,wBAAgB,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAgB9G;AAKD,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAapG"}
+{"version":3,"file":"chart-actions.d.ts","sourceRoot":"","sources":["../../src/utils/chart-actions.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGtE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAa3D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAKzD;AAMD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAYnE;AAOD,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,eAAe,GAAG,MAAM,EAAE,GAAG,IAAI,CAYnH;AAOD,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,eAAe,EACtB,mBAAmB,EAAE,MAAM,EAAE,EAC7B,uBAAuB,EAAE,MAAM,EAAE,EACjC,0BAA0B,EAAE,MAAM,EAAE,EACpC,oBAAoB,EAAE,aAAa,EAAE,EACrC,mBAAmB,EAAE,aAAa,EAAE,GACnC,IAAI,CA0DN;AAKD,wBAAgB,0BAA0B,CAAC,aAAa,EAAE,sBAAsB,GAAG,OAAO,CAGzF;AAMD,wBAAgB,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAgB9G;AAKD,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAapG"}

package/dist/utils/chart-actions.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { PINNED_CROSSHAIR_SERIES_NAME } from '../model';
+import { PINNED_CROSSHAIR_SERIES_NAME } from "../model/index.js";
 /**
  * Enable dataZoom without requring user to click toolbox icon.
  * https://stackoverflow.com/questions/57183297/is-there-a-way-to-use-zoom-of-type-select-without-showing-the-toolbar

package/dist/utils/chart-actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/chart-actions.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { TimeSeries, TimeSeriesValueTuple } from '@perses-dev/spec';\nimport { ECharts as EChartsInstance } from 'echarts/core';\n\nimport { DatapointInfo, PINNED_CROSSHAIR_SERIES_NAME, TimeChartSeriesMapping } from '../model';\n\nexport interface ZoomEventData {\n  start: number;\n  end: number;\n}\n\n/**\n * Enable dataZoom without requring user to click toolbox icon.\n * https://stackoverflow.com/questions/57183297/is-there-a-way-to-use-zoom-of-type-select-without-showing-the-toolbar\n */\nexport function enableDataZoom(chart: EChartsInstance): void {\n  const chartModel = chart['_model'];\n  if (chartModel === undefined) return;\n  if (chartModel.option.toolbox !== undefined && chartModel.option.toolbox.length > 0) {\n    // check if hidden data zoom icon is unselected (if selected it would be 'emphasis' instead of 'normal')\n    if (chartModel.option.toolbox[0].feature.dataZoom.iconStatus.zoom === 'normal') {\n      chart.dispatchAction({\n        type: 'takeGlobalCursor',\n        key: 'dataZoomSelect',\n        dataZoomSelectActive: true,\n      });\n    }\n  }\n}\n\n/**\n * Restore chart to original state before zoom or other actions were dispatched\n */\nexport function restoreChart(chart: EChartsInstance): void {\n  // TODO: support incremental unzoom instead of restore to original state\n  chart.dispatchAction({\n    type: 'restore', // https://echarts.apache.org/en/api.html#events.restore\n  });\n}\n\n/*\n * Clear all highlighted series when cursor exits canvas\n * https://echarts.apache.org/en/api.html#action.downplay\n */\nexport function clearHighlightedSeries(chart: EChartsInstance): void {\n  if (chart.dispatchAction !== undefined) {\n    // Clear any selected data points\n    chart.dispatchAction({\n      type: 'unselect',\n    });\n\n    // Clear any highlighted series\n    chart.dispatchAction({\n      type: 'downplay',\n    });\n  }\n}\n\n/*\n * Convert a point from pixel coordinate to logical coordinate.\n * Used to determine if cursor is over chart canvas and closest datapoint.\n * https://echarts.apache.org/en/api.html#echartsInstance.convertFromPixel\n */\nexport function getPointInGrid(cursorCoordX: number, cursorCoordY: number, chart?: EChartsInstance): number[] | null {\n  if (chart === undefined) {\n    return null;\n  }\n\n  const pointInPixel = [cursorCoordX, cursorCoordY];\n  if (!chart.containPixel('grid', pointInPixel)) {\n    return null;\n  }\n\n  const pointInGrid: number[] = chart.convertFromPixel('grid', pointInPixel);\n  return pointInGrid;\n}\n\n/*\n * TimeSeriesChart tooltip is built custom to support finding nearby series instead of single or all series.\n * This means ECharts actions need to be dispatched manually for series highlighting, datapoint select state, etc.\n * More info: https://echarts.apache.org/en/api.html#action\n */\nexport function batchDispatchNearbySeriesActions(\n  chart: EChartsInstance,\n  nearbySeriesIndexes: number[],\n  emphasizedSeriesIndexes: number[],\n  nonEmphasizedSeriesIndexes: number[],\n  emphasizedDatapoints: DatapointInfo[],\n  duplicateDatapoints: DatapointInfo[],\n): void {\n  // Accounts for multiple series that are rendered direct on top of eachother.\n  // Only applies select state to the datapoint that is visible to avoid color mismatch.\n  const lastEmphasizedDatapoint =\n    duplicateDatapoints.length > 0\n      ? duplicateDatapoints[duplicateDatapoints.length - 1]\n      : emphasizedDatapoints[emphasizedDatapoints.length - 1];\n  if (lastEmphasizedDatapoint !== undefined) {\n    // Corresponds to select options inside getTimeSeries util.\n    // https://echarts.apache.org/en/option.html#series-line.select.itemStyle\n    chart.dispatchAction({\n      type: 'select',\n      seriesIndex: lastEmphasizedDatapoint.seriesIndex,\n      dataIndex: lastEmphasizedDatapoint.dataIndex,\n      // Shared crosshair should not emphasize datapoints on adjacent charts.\n      escapeConnect: true, // TODO: try to remove escapeConnect and match by seriesName for cross panel correlation\n    });\n  }\n\n  // Blanket downplay clears axis-triggered emphasis (enlarged \"big point\" markers) before\n  // re-applying emphasis to only the winner series.\n  // https://echarts.apache.org/en/api.html#action.downplay\n  chart.dispatchAction({\n    type: 'downplay',\n  });\n\n  // Clears emphasis state of all lines that are not emphasized.\n  // Emphasized is a subset of just the nearby series that are closest to cursor.\n  if (nonEmphasizedSeriesIndexes.length > 0) {\n    chart.dispatchAction({\n      type: 'downplay',\n      seriesIndex: nonEmphasizedSeriesIndexes,\n    });\n  }\n\n  // https://echarts.apache.org/en/api.html#action.highlight\n  if (emphasizedSeriesIndexes.length > 0) {\n    // Fadeout opacity of all series not closest to cursor.\n    chart.dispatchAction({\n      type: 'highlight',\n      seriesIndex: emphasizedSeriesIndexes,\n      notBlur: false, // ensure blur IS triggered, this is default but setting so it is explicit\n      escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n    });\n  } else {\n    // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.\n    chart.dispatchAction({\n      type: 'highlight',\n      seriesIndex: nearbySeriesIndexes,\n      notBlur: true, // do not trigger blur state when cursor is not immediately close to any series\n      escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n    });\n\n    // Clears selected datapoints since no bold series in tooltip, restore does not impact highlighting\n    chart.dispatchAction({\n      type: 'toggleSelect', // https://echarts.apache.org/en/api.html#action.toggleSelect\n    });\n  }\n}\n\n/*\n * Determine whether a markLine was pushed into the final series, which means crosshair was already pinned onClick\n */\nexport function checkCrosshairPinnedStatus(seriesMapping: TimeChartSeriesMapping): boolean {\n  const isCrosshairPinned = seriesMapping[seriesMapping.length - 1]?.name === PINNED_CROSSHAIR_SERIES_NAME;\n  return isCrosshairPinned;\n}\n\n/*\n * Find closest timestamp to logical x coordinate returned from echartsInstance.convertFromPixel\n * Used to find nearby series in time series tooltip.\n */\nexport function getClosestTimestamp(timeSeriesValues?: TimeSeriesValueTuple[], cursorX?: number): number | null {\n  if (timeSeriesValues === undefined || cursorX === undefined) {\n    return null;\n  }\n\n  let currentClosestTimestamp: number | null = null;\n  let currentClosestDistance = Infinity;\n\n  for (const [timestamp] of timeSeriesValues) {\n    const distance = Math.abs(timestamp - cursorX);\n    if (distance < currentClosestDistance) {\n      currentClosestTimestamp = timestamp;\n      currentClosestDistance = distance;\n    }\n  }\n  return currentClosestTimestamp;\n}\n\n/*\n * Find closest timestamp in full dataset, used to snap crosshair into place onClick when tooltip is pinned.\n */\nexport function getClosestTimestampInFullDataset(data: TimeSeries[], cursorX?: number): number | null {\n  if (cursorX === undefined) {\n    return null;\n  }\n  const totalSeries = data.length;\n  let closestTimestamp = null;\n  for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n    const currentDataset = totalSeries > 0 ? data[seriesIdx] : null;\n    if (!currentDataset) break;\n    const currentValues: TimeSeriesValueTuple[] = currentDataset.values;\n    closestTimestamp = getClosestTimestamp(currentValues, cursorX);\n  }\n  return closestTimestamp;\n}\n"],"names":["PINNED_CROSSHAIR_SERIES_NAME","enableDataZoom","chart","chartModel","undefined","option","toolbox","length","feature","dataZoom","iconStatus","zoom","dispatchAction","type","key","dataZoomSelectActive","restoreChart","clearHighlightedSeries","getPointInGrid","cursorCoordX","cursorCoordY","pointInPixel","containPixel","pointInGrid","convertFromPixel","batchDispatchNearbySeriesActions","nearbySeriesIndexes","emphasizedSeriesIndexes","nonEmphasizedSeriesIndexes","emphasizedDatapoints","duplicateDatapoints","lastEmphasizedDatapoint","seriesIndex","dataIndex","escapeConnect","notBlur","checkCrosshairPinnedStatus","seriesMapping","isCrosshairPinned","name","getClosestTimestamp","timeSeriesValues","cursorX","currentClosestTimestamp","currentClosestDistance","Infinity","timestamp","distance","Math","abs","getClosestTimestampInFullDataset","data","totalSeries","closestTimestamp","seriesIdx","currentDataset","currentValues","values"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/chart-actions.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { TimeSeries, TimeSeriesValueTuple } from '@perses-dev/spec';\nimport type { ECharts as EChartsInstance } from 'echarts/core';\n\nimport type { DatapointInfo, TimeChartSeriesMapping } from '../model';\nimport { PINNED_CROSSHAIR_SERIES_NAME } from '../model';\n\nexport interface ZoomEventData {\n  start: number;\n  end: number;\n}\n\n/**\n * Enable dataZoom without requring user to click toolbox icon.\n * https://stackoverflow.com/questions/57183297/is-there-a-way-to-use-zoom-of-type-select-without-showing-the-toolbar\n */\nexport function enableDataZoom(chart: EChartsInstance): void {\n  const chartModel = chart['_model'];\n  if (chartModel === undefined) return;\n  if (chartModel.option.toolbox !== undefined && chartModel.option.toolbox.length > 0) {\n    // check if hidden data zoom icon is unselected (if selected it would be 'emphasis' instead of 'normal')\n    if (chartModel.option.toolbox[0].feature.dataZoom.iconStatus.zoom === 'normal') {\n      chart.dispatchAction({\n        type: 'takeGlobalCursor',\n        key: 'dataZoomSelect',\n        dataZoomSelectActive: true,\n      });\n    }\n  }\n}\n\n/**\n * Restore chart to original state before zoom or other actions were dispatched\n */\nexport function restoreChart(chart: EChartsInstance): void {\n  // TODO: support incremental unzoom instead of restore to original state\n  chart.dispatchAction({\n    type: 'restore', // https://echarts.apache.org/en/api.html#events.restore\n  });\n}\n\n/*\n * Clear all highlighted series when cursor exits canvas\n * https://echarts.apache.org/en/api.html#action.downplay\n */\nexport function clearHighlightedSeries(chart: EChartsInstance): void {\n  if (chart.dispatchAction !== undefined) {\n    // Clear any selected data points\n    chart.dispatchAction({\n      type: 'unselect',\n    });\n\n    // Clear any highlighted series\n    chart.dispatchAction({\n      type: 'downplay',\n    });\n  }\n}\n\n/*\n * Convert a point from pixel coordinate to logical coordinate.\n * Used to determine if cursor is over chart canvas and closest datapoint.\n * https://echarts.apache.org/en/api.html#echartsInstance.convertFromPixel\n */\nexport function getPointInGrid(cursorCoordX: number, cursorCoordY: number, chart?: EChartsInstance): number[] | null {\n  if (chart === undefined) {\n    return null;\n  }\n\n  const pointInPixel = [cursorCoordX, cursorCoordY];\n  if (!chart.containPixel('grid', pointInPixel)) {\n    return null;\n  }\n\n  const pointInGrid: number[] = chart.convertFromPixel('grid', pointInPixel);\n  return pointInGrid;\n}\n\n/*\n * TimeSeriesChart tooltip is built custom to support finding nearby series instead of single or all series.\n * This means ECharts actions need to be dispatched manually for series highlighting, datapoint select state, etc.\n * More info: https://echarts.apache.org/en/api.html#action\n */\nexport function batchDispatchNearbySeriesActions(\n  chart: EChartsInstance,\n  nearbySeriesIndexes: number[],\n  emphasizedSeriesIndexes: number[],\n  nonEmphasizedSeriesIndexes: number[],\n  emphasizedDatapoints: DatapointInfo[],\n  duplicateDatapoints: DatapointInfo[],\n): void {\n  // Accounts for multiple series that are rendered direct on top of eachother.\n  // Only applies select state to the datapoint that is visible to avoid color mismatch.\n  const lastEmphasizedDatapoint =\n    duplicateDatapoints.length > 0\n      ? duplicateDatapoints[duplicateDatapoints.length - 1]\n      : emphasizedDatapoints[emphasizedDatapoints.length - 1];\n  if (lastEmphasizedDatapoint !== undefined) {\n    // Corresponds to select options inside getTimeSeries util.\n    // https://echarts.apache.org/en/option.html#series-line.select.itemStyle\n    chart.dispatchAction({\n      type: 'select',\n      seriesIndex: lastEmphasizedDatapoint.seriesIndex,\n      dataIndex: lastEmphasizedDatapoint.dataIndex,\n      // Shared crosshair should not emphasize datapoints on adjacent charts.\n      escapeConnect: true, // TODO: try to remove escapeConnect and match by seriesName for cross panel correlation\n    });\n  }\n\n  // Blanket downplay clears axis-triggered emphasis (enlarged \"big point\" markers) before\n  // re-applying emphasis to only the winner series.\n  // https://echarts.apache.org/en/api.html#action.downplay\n  chart.dispatchAction({\n    type: 'downplay',\n  });\n\n  // Clears emphasis state of all lines that are not emphasized.\n  // Emphasized is a subset of just the nearby series that are closest to cursor.\n  if (nonEmphasizedSeriesIndexes.length > 0) {\n    chart.dispatchAction({\n      type: 'downplay',\n      seriesIndex: nonEmphasizedSeriesIndexes,\n    });\n  }\n\n  // https://echarts.apache.org/en/api.html#action.highlight\n  if (emphasizedSeriesIndexes.length > 0) {\n    // Fadeout opacity of all series not closest to cursor.\n    chart.dispatchAction({\n      type: 'highlight',\n      seriesIndex: emphasizedSeriesIndexes,\n      notBlur: false, // ensure blur IS triggered, this is default but setting so it is explicit\n      escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n    });\n  } else {\n    // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.\n    chart.dispatchAction({\n      type: 'highlight',\n      seriesIndex: nearbySeriesIndexes,\n      notBlur: true, // do not trigger blur state when cursor is not immediately close to any series\n      escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n    });\n\n    // Clears selected datapoints since no bold series in tooltip, restore does not impact highlighting\n    chart.dispatchAction({\n      type: 'toggleSelect', // https://echarts.apache.org/en/api.html#action.toggleSelect\n    });\n  }\n}\n\n/*\n * Determine whether a markLine was pushed into the final series, which means crosshair was already pinned onClick\n */\nexport function checkCrosshairPinnedStatus(seriesMapping: TimeChartSeriesMapping): boolean {\n  const isCrosshairPinned = seriesMapping[seriesMapping.length - 1]?.name === PINNED_CROSSHAIR_SERIES_NAME;\n  return isCrosshairPinned;\n}\n\n/*\n * Find closest timestamp to logical x coordinate returned from echartsInstance.convertFromPixel\n * Used to find nearby series in time series tooltip.\n */\nexport function getClosestTimestamp(timeSeriesValues?: TimeSeriesValueTuple[], cursorX?: number): number | null {\n  if (timeSeriesValues === undefined || cursorX === undefined) {\n    return null;\n  }\n\n  let currentClosestTimestamp: number | null = null;\n  let currentClosestDistance = Infinity;\n\n  for (const [timestamp] of timeSeriesValues) {\n    const distance = Math.abs(timestamp - cursorX);\n    if (distance < currentClosestDistance) {\n      currentClosestTimestamp = timestamp;\n      currentClosestDistance = distance;\n    }\n  }\n  return currentClosestTimestamp;\n}\n\n/*\n * Find closest timestamp in full dataset, used to snap crosshair into place onClick when tooltip is pinned.\n */\nexport function getClosestTimestampInFullDataset(data: TimeSeries[], cursorX?: number): number | null {\n  if (cursorX === undefined) {\n    return null;\n  }\n  const totalSeries = data.length;\n  let closestTimestamp = null;\n  for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n    const currentDataset = totalSeries > 0 ? data[seriesIdx] : null;\n    if (!currentDataset) break;\n    const currentValues: TimeSeriesValueTuple[] = currentDataset.values;\n    closestTimestamp = getClosestTimestamp(currentValues, cursorX);\n  }\n  return closestTimestamp;\n}\n"],"names":["PINNED_CROSSHAIR_SERIES_NAME","enableDataZoom","chart","chartModel","undefined","option","toolbox","length","feature","dataZoom","iconStatus","zoom","dispatchAction","type","key","dataZoomSelectActive","restoreChart","clearHighlightedSeries","getPointInGrid","cursorCoordX","cursorCoordY","pointInPixel","containPixel","pointInGrid","convertFromPixel","batchDispatchNearbySeriesActions","nearbySeriesIndexes","emphasizedSeriesIndexes","nonEmphasizedSeriesIndexes","emphasizedDatapoints","duplicateDatapoints","lastEmphasizedDatapoint","seriesIndex","dataIndex","escapeConnect","notBlur","checkCrosshairPinnedStatus","seriesMapping","isCrosshairPinned","name","getClosestTimestamp","timeSeriesValues","cursorX","currentClosestTimestamp","currentClosestDistance","Infinity","timestamp","distance","Math","abs","getClosestTimestampInFullDataset","data","totalSeries","closestTimestamp","seriesIdx","currentDataset","currentValues","values"],"mappings":"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"}

package/dist/utils/combine-sx.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/material';
+import type { SxProps, Theme } from '@mui/material';
 /**
  * Combines sx props from multiple sources. Useful when creating a component and
  * you want consumers to be able to provide SxProps that should be combined with

package/dist/utils/combine-sx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combine-sx.d.ts","sourceRoot":"","sources":["../../src/utils/combine-sx.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAMvF"}
+{"version":3,"file":"combine-sx.d.ts","sourceRoot":"","sources":["../../src/utils/combine-sx.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAMvF"}

package/dist/utils/combine-sx.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/combine-sx.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { SxProps, Theme } from '@mui/material';\n\n/**\n * Combines sx props from multiple sources. Useful when creating a component and\n * you want consumers to be able to provide SxProps that should be combined with\n * some built-in styles.\n */\nexport function combineSx(...sxProps: Array<SxProps<Theme> | undefined>): SxProps<Theme> {\n  return sxProps.flatMap((sx) => {\n    if (sx === undefined) return [];\n    if (Array.isArray(sx)) return sx;\n    return [sx];\n  });\n}\n"],"names":["combineSx","sxProps","flatMap","sx","undefined","Array","isArray"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC;;;;CAIC,GACD,OAAO,SAASA,UAAU,GAAGC,OAA0C;IACrE,OAAOA,QAAQC,OAAO,CAAC,CAACC;QACtB,IAAIA,OAAOC,WAAW,OAAO,EAAE;QAC/B,IAAIC,MAAMC,OAAO,CAACH,KAAK,OAAOA;QAC9B,OAAO;YAACA;SAAG;IACb;AACF"}
+{"version":3,"sources":["../../src/utils/combine-sx.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { SxProps, Theme } from '@mui/material';\n\n/**\n * Combines sx props from multiple sources. Useful when creating a component and\n * you want consumers to be able to provide SxProps that should be combined with\n * some built-in styles.\n */\nexport function combineSx(...sxProps: Array<SxProps<Theme> | undefined>): SxProps<Theme> {\n  return sxProps.flatMap((sx) => {\n    if (sx === undefined) return [];\n    if (Array.isArray(sx)) return sx;\n    return [sx];\n  });\n}\n"],"names":["combineSx","sxProps","flatMap","sx","undefined","Array","isArray"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC;;;;CAIC,GACD,OAAO,SAASA,UAAU,GAAGC,OAA0C;IACrE,OAAOA,QAAQC,OAAO,CAAC,CAACC;QACtB,IAAIA,OAAOC,WAAW,OAAO,EAAE;QAC/B,IAAIC,MAAMC,OAAO,CAACH,KAAK,OAAOA;QAC9B,OAAO;YAACA;SAAG;IACb;AACF"}

package/dist/utils/component-ids.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useRef } from 'react';
+import { useRef } from "react";
 /**
  * Generates a unique (stable) ID for a component. Should be replaced with React.useId once we support only React 18.
  */ export function useId(prefix) {

package/dist/utils/data-field-interpolation.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { interpolate, InterpolationFormat } from './variable-interpolation';
+import { interpolate, InterpolationFormat } from "./variable-interpolation.js";
 // Regex patterns for data field interpolation
 // Matches: ${__data.fields["fieldName"]} or ${__data.fields['fieldName']} or ${__data.fields.fieldName} with optional format ${__data.fields["fieldName"]:format}
 const SINGLE_FIELD_REGEX = /\$\{__data\.fields(?:\[(?:"|')([^"']+)(?:"|')\]|\.([a-zA-Z_][a-zA-Z0-9_]*))(?::([a-z]+))?\}/g;

package/dist/utils/data-field-interpolation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/data-field-interpolation.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { interpolate, InterpolationFormat } from './variable-interpolation';\n\n/**\n * Data item with its fields (used for selection/row data)\n */\nexport type DataItem = Record<string, unknown>;\n\n/**\n * Result of interpolation with data fields\n */\nexport interface InterpolationResult {\n  text: string;\n  errors?: string[];\n}\n\n/**\n * Options for data field replacement\n */\nexport interface ReplaceDataFieldsOptions {\n  /**\n   * Whether to URL encode values. Defaults to true.\n   */\n  urlEncode?: boolean;\n  /**\n   * Current index (0-based) for ${__data.index} replacement.\n   */\n  index?: number;\n  /**\n   * Total count for ${__data.count} replacement.\n   */\n  count?: number;\n}\n\n// Regex patterns for data field interpolation\n// Matches: ${__data.fields[\"fieldName\"]} or ${__data.fields['fieldName']} or ${__data.fields.fieldName} with optional format ${__data.fields[\"fieldName\"]:format}\nconst SINGLE_FIELD_REGEX =\n  /\\$\\{__data\\.fields(?:\\[(?:\"|')([^\"']+)(?:\"|')\\]|\\.([a-zA-Z_][a-zA-Z0-9_]*))(?::([a-z]+))?\\}/g;\n\n// Matches: ${__data[0].fields[\"fieldName\"]} or ${__data[0].fields['fieldName']} for indexed access\nconst INDEXED_FIELD_REGEX = /\\$\\{__data\\[(\\d+)\\]\\.fields\\[(?:\"|')([^\"']+)(?:\"|')\\]\\}/g;\n\n// Matches: ${__data.index}\nconst DATA_INDEX_REGEX = /\\$\\{__data\\.index\\}/g;\n\n// Matches: ${__data.count}\nconst DATA_COUNT_REGEX = /\\$\\{__data\\.count\\}/g;\n\n// Matches: ${__data} or ${__data:format} or '${__data:format}' or \"${__data:format}\"\nconst FULL_DATA_REGEX = /(\"|')?\\$\\{__data(?::([a-z]+))?\\}(\"|')?/g;\n\n/**\n * Get field value from a data item, converting to string.\n * Supports nested field access using dot notation in field names (e.g., \"foo.bar\" accesses item.foo.bar).\n * For backward compatibility, first checks if the exact key exists before attempting nested access.\n */\nfunction getFieldValue(item: DataItem, fieldName: string): string {\n  // First, try direct property access (for backward compatibility with literal dot keys)\n  if (Object.prototype.hasOwnProperty.call(item, fieldName)) {\n    const value = item[fieldName];\n    if (value === undefined || value === null) {\n      return '';\n    }\n    if (typeof value === 'object') {\n      return JSON.stringify(value);\n    }\n    return String(value);\n  }\n\n  // If not found and contains dots, try nested access\n  if (fieldName.includes('.')) {\n    const parts = fieldName.split('.');\n    let current: unknown = item;\n\n    for (const part of parts) {\n      if (current === null || current === undefined) {\n        return '';\n      }\n      if (typeof current !== 'object') {\n        return '';\n      }\n      current = (current as Record<string, unknown>)[part];\n    }\n\n    if (current === undefined || current === null) {\n      return '';\n    }\n    if (typeof current === 'object') {\n      return JSON.stringify(current);\n    }\n    return String(current);\n  }\n\n  // Field not found\n  return '';\n}\n\n/**\n * Parse format string to InterpolationFormat enum\n */\nexport function parseFormat(format: string | undefined): InterpolationFormat | undefined {\n  if (!format) return undefined;\n  const lowerFormat = format.toLowerCase();\n  return Object.values(InterpolationFormat).find((f) => f === lowerFormat);\n}\n\n/**\n * Replace data field placeholders in a template string with values from a single data item.\n *\n * Supports:\n * - ${__data.fields[\"fieldName\"]} - field value from the item (URL encoded by default)\n * - ${__data.fields[\"fieldName\"]:format} - field value with format specifier\n * - ${__data.index} - current index (0-based) if provided in options\n * - ${__data.count} - total count if provided in options\n * - ${__data} - full data array\n * - ${__data:format} - full data array with format specifier\n *\n * @param template - The template string with placeholders\n * @param item - The data item containing field values\n * @param options - Optional configuration for replacement behavior\n * @returns InterpolationResult with the interpolated text and any errors\n */\nexport function replaceDataFields(\n  template: string,\n  item: DataItem,\n  options: ReplaceDataFieldsOptions = {},\n): InterpolationResult {\n  const { urlEncode = true, index, count } = options;\n  let result = template;\n  const errors: string[] = [];\n\n  // Replace ${__data.index} if provided\n  if (index !== undefined) {\n    result = result.replaceAll(DATA_INDEX_REGEX, String(index));\n  }\n\n  // Replace ${__data.count} if provided\n  if (count !== undefined) {\n    result = result.replaceAll(DATA_COUNT_REGEX, String(count));\n  }\n\n  // Replace full data placeholder with optional format: ${__data} or ${__data:format}\n  result = result.replaceAll(\n    FULL_DATA_REGEX,\n    (_match, _leadingQuote: string | undefined, format: string | undefined, _trailingQuote: string | undefined) => {\n      const interpolationFormat = parseFormat(format) ?? InterpolationFormat.RAW;\n      let interpolationResult: string = '';\n\n      if (interpolationFormat === InterpolationFormat.JSON) {\n        interpolationResult = JSON.stringify(item);\n      } else {\n        interpolationResult = interpolate(\n          Object.values(item).map((v) => JSON.stringify(v)),\n          '',\n          interpolationFormat,\n        );\n      }\n\n      return interpolationResult;\n    },\n  );\n\n  // Reset regex lastIndex\n  SINGLE_FIELD_REGEX.lastIndex = 0;\n\n  // Replace __data.fields[\"fieldName\"] or __data.fields.fieldName patterns\n  result = result.replaceAll(\n    SINGLE_FIELD_REGEX,\n    (_match, bracketField: string | undefined, dotField: string | undefined, format: string | undefined) => {\n      const fieldName = bracketField ?? dotField ?? '';\n      const value = getFieldValue(item, fieldName);\n      if (value === '' && item[fieldName] === undefined) {\n        errors.push(`Field \"${fieldName}\" not found in data`);\n      }\n      const interpolationFormat = parseFormat(format);\n      if (interpolationFormat) {\n        return interpolate([value], fieldName, interpolationFormat);\n      }\n\n      if (urlEncode) {\n        // override: disable urlEncode for RAW format\n        if (interpolationFormat === InterpolationFormat.RAW) {\n          return value;\n        }\n\n        // avoid double encoding for queryparam and percentencode formats\n        if (\n          interpolationFormat !== InterpolationFormat.QUERYPARAM &&\n          interpolationFormat !== InterpolationFormat.PERCENTENCODE\n        ) {\n          return encodeURIComponent(value);\n        }\n      }\n\n      return value;\n    },\n  );\n\n  return { text: result, errors: errors.length > 0 ? errors : undefined };\n}\n\n/**\n * Replace data field placeholders in a template string with values from multiple data items (batch mode).\n *\n * Supports:\n * - ${__data[0].fields[\"fieldName\"]} - field value from specific item by index\n * - ${__data.fields[\"fieldName\"]} - aggregated field values (defaults to CSV format)\n * - ${__data.fields[\"fieldName\"]:csv} - aggregated field values with format specifier\n * - ${__data.count} - total number of items\n * - ${__data} - full data array\n * - ${__data:format} - full data array with format specifier\n *\n * @param template - The template string with placeholders\n * @param items - Array of data items containing field values\n * @param options - Optional configuration for replacement behavior\n * @returns InterpolationResult with the interpolated text and any errors\n */\nexport function replaceDataFieldsBatch(\n  template: string,\n  items: DataItem[],\n  options: ReplaceDataFieldsOptions = {},\n): InterpolationResult {\n  const { urlEncode = true } = options;\n  let result = template;\n  const errors: string[] = [];\n\n  // Replace __data.count with items length\n  result = result.replaceAll(DATA_COUNT_REGEX, String(items.length));\n\n  // Reset regex lastIndex\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n  SINGLE_FIELD_REGEX.lastIndex = 0;\n\n  // Replace full data placeholder with optional format\n  result = result.replaceAll(\n    FULL_DATA_REGEX,\n    (_match, leadingQuote: string | undefined, format: string | undefined, trailingQuote: string | undefined) => {\n      const interpolationFormat = parseFormat(format) ?? InterpolationFormat.RAW;\n\n      const interpolationResult = interpolate(\n        Object.values(items).map((e) => JSON.stringify(e)),\n        '',\n        interpolationFormat,\n      );\n\n      if (!leadingQuote || !trailingQuote) {\n        // preserve quotes as they were not surrounding the full_data pattern\n        return `${leadingQuote ?? ''}${interpolationResult}${trailingQuote ?? ''}`;\n      }\n\n      return interpolationResult;\n    },\n  );\n\n  // Replace indexed access: ${__data[0].fields[\"fieldName\"]} or ${__data[0].fields['fieldName']}\n  result = result.replaceAll(INDEXED_FIELD_REGEX, (match, indexStr: string, fieldName: string) => {\n    const idx = parseInt(indexStr, 10);\n    if (idx < 0 || idx >= items.length) {\n      errors.push(`Index ${idx} out of bounds (0-${items.length - 1})`);\n      return match;\n    }\n    const value = getFieldValue(items[idx]!, fieldName);\n    if (value === '' && items[idx]![fieldName] === undefined) {\n      errors.push(`Field \"${fieldName}\" not found in data at index ${idx}`);\n    }\n    return urlEncode ? encodeURIComponent(value) : value;\n  });\n\n  // Replace aggregated access with format: ${__data.fields[\"fieldName\"]:csv} or ${__data.fields.fieldName:csv}\n  result = result.replaceAll(\n    SINGLE_FIELD_REGEX,\n    (_match, bracketField: string | undefined, dotField: string | undefined, format: string | undefined) => {\n      const fieldName = bracketField ?? dotField ?? '';\n      const values = items.map((item) => getFieldValue(item, fieldName));\n      const interpolationFormat = parseFormat(format) || InterpolationFormat.CSV;\n      return interpolate(values, fieldName, interpolationFormat);\n    },\n  );\n\n  return { text: result, errors: errors.length > 0 ? errors : undefined };\n}\n\n/**\n * Check if a template contains batch-only patterns (indexed access or format specifiers)\n */\nexport function hasBatchPatterns(template: string): boolean {\n  // Reset regex lastIndex\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n  return (\n    INDEXED_FIELD_REGEX.test(template) ||\n    /\\$\\{__data\\.fields(?:\\[[\"'][^\"']+[\"']\\]|\\.[a-zA-Z_][a-zA-Z0-9_]*):[a-z]+\\}/.test(template)\n  );\n}\n\n/**\n * Check if a template contains indexed access patterns\n */\nexport function hasIndexedPatterns(template: string): boolean {\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n  return INDEXED_FIELD_REGEX.test(template);\n}\n\n/**\n * Check if a template contains data field patterns\n */\nexport function hasDataFieldPatterns(template: string): boolean {\n  SINGLE_FIELD_REGEX.lastIndex = 0;\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n  return SINGLE_FIELD_REGEX.test(template) || INDEXED_FIELD_REGEX.test(template);\n}\n\n/**\n * Extract all field names referenced in a template\n */\nexport function extractFieldNames(template: string): string[] {\n  const fields = new Set<string>();\n\n  // Reset regex lastIndex\n  SINGLE_FIELD_REGEX.lastIndex = 0;\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n\n  let match;\n  while ((match = SINGLE_FIELD_REGEX.exec(template)) !== null) {\n    // Group 1 is bracket notation, group 2 is dot notation\n    fields.add(match[1] ?? match[2]!);\n  }\n  while ((match = INDEXED_FIELD_REGEX.exec(template)) !== null) {\n    fields.add(match[2]!);\n  }\n\n  return Array.from(fields);\n}\n"],"names":["interpolate","InterpolationFormat","SINGLE_FIELD_REGEX","INDEXED_FIELD_REGEX","DATA_INDEX_REGEX","DATA_COUNT_REGEX","FULL_DATA_REGEX","getFieldValue","item","fieldName","Object","prototype","hasOwnProperty","call","value","undefined","JSON","stringify","String","includes","parts","split","current","part","parseFormat","format","lowerFormat","toLowerCase","values","find","f","replaceDataFields","template","options","urlEncode","index","count","result","errors","replaceAll","_match","_leadingQuote","_trailingQuote","interpolationFormat","RAW","interpolationResult","map","v","lastIndex","bracketField","dotField","push","QUERYPARAM","PERCENTENCODE","encodeURIComponent","text","length","replaceDataFieldsBatch","items","leadingQuote","trailingQuote","e","match","indexStr","idx","parseInt","CSV","hasBatchPatterns","test","hasIndexedPatterns","hasDataFieldPatterns","extractFieldNames","fields","Set","exec","add","Array","from"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/data-field-interpolation.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { interpolate, InterpolationFormat } from './variable-interpolation';\n\n/**\n * Data item with its fields (used for selection/row data)\n */\nexport type DataItem = Record<string, unknown>;\n\n/**\n * Result of interpolation with data fields\n */\nexport interface InterpolationResult {\n  text: string;\n  errors?: string[];\n}\n\n/**\n * Options for data field replacement\n */\nexport interface ReplaceDataFieldsOptions {\n  /**\n   * Whether to URL encode values. Defaults to true.\n   */\n  urlEncode?: boolean;\n  /**\n   * Current index (0-based) for ${__data.index} replacement.\n   */\n  index?: number;\n  /**\n   * Total count for ${__data.count} replacement.\n   */\n  count?: number;\n}\n\n// Regex patterns for data field interpolation\n// Matches: ${__data.fields[\"fieldName\"]} or ${__data.fields['fieldName']} or ${__data.fields.fieldName} with optional format ${__data.fields[\"fieldName\"]:format}\nconst SINGLE_FIELD_REGEX =\n  /\\$\\{__data\\.fields(?:\\[(?:\"|')([^\"']+)(?:\"|')\\]|\\.([a-zA-Z_][a-zA-Z0-9_]*))(?::([a-z]+))?\\}/g;\n\n// Matches: ${__data[0].fields[\"fieldName\"]} or ${__data[0].fields['fieldName']} for indexed access\nconst INDEXED_FIELD_REGEX = /\\$\\{__data\\[(\\d+)\\]\\.fields\\[(?:\"|')([^\"']+)(?:\"|')\\]\\}/g;\n\n// Matches: ${__data.index}\nconst DATA_INDEX_REGEX = /\\$\\{__data\\.index\\}/g;\n\n// Matches: ${__data.count}\nconst DATA_COUNT_REGEX = /\\$\\{__data\\.count\\}/g;\n\n// Matches: ${__data} or ${__data:format} or '${__data:format}' or \"${__data:format}\"\nconst FULL_DATA_REGEX = /(\"|')?\\$\\{__data(?::([a-z]+))?\\}(\"|')?/g;\n\n/**\n * Get field value from a data item, converting to string.\n * Supports nested field access using dot notation in field names (e.g., \"foo.bar\" accesses item.foo.bar).\n * For backward compatibility, first checks if the exact key exists before attempting nested access.\n */\nfunction getFieldValue(item: DataItem, fieldName: string): string {\n  // First, try direct property access (for backward compatibility with literal dot keys)\n  if (Object.prototype.hasOwnProperty.call(item, fieldName)) {\n    const value = item[fieldName];\n    if (value === undefined || value === null) {\n      return '';\n    }\n    if (typeof value === 'object') {\n      return JSON.stringify(value);\n    }\n    return String(value);\n  }\n\n  // If not found and contains dots, try nested access\n  if (fieldName.includes('.')) {\n    const parts = fieldName.split('.');\n    let current: unknown = item;\n\n    for (const part of parts) {\n      if (current === null || current === undefined) {\n        return '';\n      }\n      if (typeof current !== 'object') {\n        return '';\n      }\n      current = (current as Record<string, unknown>)[part];\n    }\n\n    if (current === undefined || current === null) {\n      return '';\n    }\n    if (typeof current === 'object') {\n      return JSON.stringify(current);\n    }\n    return String(current);\n  }\n\n  // Field not found\n  return '';\n}\n\n/**\n * Parse format string to InterpolationFormat enum\n */\nexport function parseFormat(format: string | undefined): InterpolationFormat | undefined {\n  if (!format) return undefined;\n  const lowerFormat = format.toLowerCase();\n  return Object.values(InterpolationFormat).find((f) => f === lowerFormat);\n}\n\n/**\n * Replace data field placeholders in a template string with values from a single data item.\n *\n * Supports:\n * - ${__data.fields[\"fieldName\"]} - field value from the item (URL encoded by default)\n * - ${__data.fields[\"fieldName\"]:format} - field value with format specifier\n * - ${__data.index} - current index (0-based) if provided in options\n * - ${__data.count} - total count if provided in options\n * - ${__data} - full data array\n * - ${__data:format} - full data array with format specifier\n *\n * @param template - The template string with placeholders\n * @param item - The data item containing field values\n * @param options - Optional configuration for replacement behavior\n * @returns InterpolationResult with the interpolated text and any errors\n */\nexport function replaceDataFields(\n  template: string,\n  item: DataItem,\n  options: ReplaceDataFieldsOptions = {},\n): InterpolationResult {\n  const { urlEncode = true, index, count } = options;\n  let result = template;\n  const errors: string[] = [];\n\n  // Replace ${__data.index} if provided\n  if (index !== undefined) {\n    result = result.replaceAll(DATA_INDEX_REGEX, String(index));\n  }\n\n  // Replace ${__data.count} if provided\n  if (count !== undefined) {\n    result = result.replaceAll(DATA_COUNT_REGEX, String(count));\n  }\n\n  // Replace full data placeholder with optional format: ${__data} or ${__data:format}\n  result = result.replaceAll(\n    FULL_DATA_REGEX,\n    (_match, _leadingQuote: string | undefined, format: string | undefined, _trailingQuote: string | undefined) => {\n      const interpolationFormat = parseFormat(format) ?? InterpolationFormat.RAW;\n      let interpolationResult: string = '';\n\n      if (interpolationFormat === InterpolationFormat.JSON) {\n        interpolationResult = JSON.stringify(item);\n      } else {\n        interpolationResult = interpolate(\n          Object.values(item).map((v) => JSON.stringify(v)),\n          '',\n          interpolationFormat,\n        );\n      }\n\n      return interpolationResult;\n    },\n  );\n\n  // Reset regex lastIndex\n  SINGLE_FIELD_REGEX.lastIndex = 0;\n\n  // Replace __data.fields[\"fieldName\"] or __data.fields.fieldName patterns\n  result = result.replaceAll(\n    SINGLE_FIELD_REGEX,\n    (_match, bracketField: string | undefined, dotField: string | undefined, format: string | undefined) => {\n      const fieldName = bracketField ?? dotField ?? '';\n      const value = getFieldValue(item, fieldName);\n      if (value === '' && item[fieldName] === undefined) {\n        errors.push(`Field \"${fieldName}\" not found in data`);\n      }\n      const interpolationFormat = parseFormat(format);\n      if (interpolationFormat) {\n        return interpolate([value], fieldName, interpolationFormat);\n      }\n\n      if (urlEncode) {\n        // override: disable urlEncode for RAW format\n        if (interpolationFormat === InterpolationFormat.RAW) {\n          return value;\n        }\n\n        // avoid double encoding for queryparam and percentencode formats\n        if (\n          interpolationFormat !== InterpolationFormat.QUERYPARAM &&\n          interpolationFormat !== InterpolationFormat.PERCENTENCODE\n        ) {\n          return encodeURIComponent(value);\n        }\n      }\n\n      return value;\n    },\n  );\n\n  return { text: result, errors: errors.length > 0 ? errors : undefined };\n}\n\n/**\n * Replace data field placeholders in a template string with values from multiple data items (batch mode).\n *\n * Supports:\n * - ${__data[0].fields[\"fieldName\"]} - field value from specific item by index\n * - ${__data.fields[\"fieldName\"]} - aggregated field values (defaults to CSV format)\n * - ${__data.fields[\"fieldName\"]:csv} - aggregated field values with format specifier\n * - ${__data.count} - total number of items\n * - ${__data} - full data array\n * - ${__data:format} - full data array with format specifier\n *\n * @param template - The template string with placeholders\n * @param items - Array of data items containing field values\n * @param options - Optional configuration for replacement behavior\n * @returns InterpolationResult with the interpolated text and any errors\n */\nexport function replaceDataFieldsBatch(\n  template: string,\n  items: DataItem[],\n  options: ReplaceDataFieldsOptions = {},\n): InterpolationResult {\n  const { urlEncode = true } = options;\n  let result = template;\n  const errors: string[] = [];\n\n  // Replace __data.count with items length\n  result = result.replaceAll(DATA_COUNT_REGEX, String(items.length));\n\n  // Reset regex lastIndex\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n  SINGLE_FIELD_REGEX.lastIndex = 0;\n\n  // Replace full data placeholder with optional format\n  result = result.replaceAll(\n    FULL_DATA_REGEX,\n    (_match, leadingQuote: string | undefined, format: string | undefined, trailingQuote: string | undefined) => {\n      const interpolationFormat = parseFormat(format) ?? InterpolationFormat.RAW;\n\n      const interpolationResult = interpolate(\n        Object.values(items).map((e) => JSON.stringify(e)),\n        '',\n        interpolationFormat,\n      );\n\n      if (!leadingQuote || !trailingQuote) {\n        // preserve quotes as they were not surrounding the full_data pattern\n        return `${leadingQuote ?? ''}${interpolationResult}${trailingQuote ?? ''}`;\n      }\n\n      return interpolationResult;\n    },\n  );\n\n  // Replace indexed access: ${__data[0].fields[\"fieldName\"]} or ${__data[0].fields['fieldName']}\n  result = result.replaceAll(INDEXED_FIELD_REGEX, (match, indexStr: string, fieldName: string) => {\n    const idx = parseInt(indexStr, 10);\n    if (idx < 0 || idx >= items.length) {\n      errors.push(`Index ${idx} out of bounds (0-${items.length - 1})`);\n      return match;\n    }\n    const value = getFieldValue(items[idx]!, fieldName);\n    if (value === '' && items[idx]![fieldName] === undefined) {\n      errors.push(`Field \"${fieldName}\" not found in data at index ${idx}`);\n    }\n    return urlEncode ? encodeURIComponent(value) : value;\n  });\n\n  // Replace aggregated access with format: ${__data.fields[\"fieldName\"]:csv} or ${__data.fields.fieldName:csv}\n  result = result.replaceAll(\n    SINGLE_FIELD_REGEX,\n    (_match, bracketField: string | undefined, dotField: string | undefined, format: string | undefined) => {\n      const fieldName = bracketField ?? dotField ?? '';\n      const values = items.map((item) => getFieldValue(item, fieldName));\n      const interpolationFormat = parseFormat(format) || InterpolationFormat.CSV;\n      return interpolate(values, fieldName, interpolationFormat);\n    },\n  );\n\n  return { text: result, errors: errors.length > 0 ? errors : undefined };\n}\n\n/**\n * Check if a template contains batch-only patterns (indexed access or format specifiers)\n */\nexport function hasBatchPatterns(template: string): boolean {\n  // Reset regex lastIndex\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n  return (\n    INDEXED_FIELD_REGEX.test(template) ||\n    /\\$\\{__data\\.fields(?:\\[[\"'][^\"']+[\"']\\]|\\.[a-zA-Z_][a-zA-Z0-9_]*):[a-z]+\\}/.test(template)\n  );\n}\n\n/**\n * Check if a template contains indexed access patterns\n */\nexport function hasIndexedPatterns(template: string): boolean {\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n  return INDEXED_FIELD_REGEX.test(template);\n}\n\n/**\n * Check if a template contains data field patterns\n */\nexport function hasDataFieldPatterns(template: string): boolean {\n  SINGLE_FIELD_REGEX.lastIndex = 0;\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n  return SINGLE_FIELD_REGEX.test(template) || INDEXED_FIELD_REGEX.test(template);\n}\n\n/**\n * Extract all field names referenced in a template\n */\nexport function extractFieldNames(template: string): string[] {\n  const fields = new Set<string>();\n\n  // Reset regex lastIndex\n  SINGLE_FIELD_REGEX.lastIndex = 0;\n  INDEXED_FIELD_REGEX.lastIndex = 0;\n\n  let match;\n  while ((match = SINGLE_FIELD_REGEX.exec(template)) !== null) {\n    // Group 1 is bracket notation, group 2 is dot notation\n    fields.add(match[1] ?? match[2]!);\n  }\n  while ((match = INDEXED_FIELD_REGEX.exec(template)) !== null) {\n    fields.add(match[2]!);\n  }\n\n  return Array.from(fields);\n}\n"],"names":["interpolate","InterpolationFormat","SINGLE_FIELD_REGEX","INDEXED_FIELD_REGEX","DATA_INDEX_REGEX","DATA_COUNT_REGEX","FULL_DATA_REGEX","getFieldValue","item","fieldName","Object","prototype","hasOwnProperty","call","value","undefined","JSON","stringify","String","includes","parts","split","current","part","parseFormat","format","lowerFormat","toLowerCase","values","find","f","replaceDataFields","template","options","urlEncode","index","count","result","errors","replaceAll","_match","_leadingQuote","_trailingQuote","interpolationFormat","RAW","interpolationResult","map","v","lastIndex","bracketField","dotField","push","QUERYPARAM","PERCENTENCODE","encodeURIComponent","text","length","replaceDataFieldsBatch","items","leadingQuote","trailingQuote","e","match","indexStr","idx","parseInt","CSV","hasBatchPatterns","test","hasIndexedPatterns","hasDataFieldPatterns","extractFieldNames","fields","Set","exec","add","Array","from"],"mappings":"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"}

package/dist/utils/format.js

@@ -10,8 +10,8 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { tz } from '@date-fns/tz';
-import { format } from 'date-fns';
+import { tz } from "@date-fns/tz";
+import { format } from "date-fns";
 export function dateFormatOptionsWithTimeZone(dateFormatOptions, timeZone) {
     /*
    * if timeZone is provided, and is not local|browser,

package/dist/utils/index.js

@@ -10,24 +10,24 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './axis';
-export * from './browser-storage';
-export * from './chart-actions';
-export * from './combine-sx';
-export * from './component-ids';
-export * from './data-field-interpolation';
-export * from './format';
-export * from './memo';
-export * from './request-interpolation';
-export * from './selection-interpolation';
-export * from './theme-gen';
-export * from './variable-interpolation';
-export * from './value-mapping';
-export * from './regexp';
-export * from './transform-data';
-export * from './time-series-data';
-export * from './trace-data';
-export * from './types';
-export * from './text';
+export * from "./axis.js";
+export * from "./browser-storage.js";
+export * from "./chart-actions.js";
+export * from "./combine-sx.js";
+export * from "./component-ids.js";
+export * from "./data-field-interpolation.js";
+export * from "./format.js";
+export * from "./memo.js";
+export * from "./request-interpolation.js";
+export * from "./selection-interpolation.js";
+export * from "./theme-gen.js";
+export * from "./variable-interpolation.js";
+export * from "./value-mapping.js";
+export * from "./regexp.js";
+export * from "./transform-data.js";
+export * from "./time-series-data.js";
+export * from "./trace-data.js";
+export * from "./types.js";
+export * from "./text.js";
 
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './axis';\nexport * from './browser-storage';\nexport * from './chart-actions';\nexport * from './combine-sx';\nexport * from './component-ids';\nexport * from './data-field-interpolation';\nexport * from './format';\nexport * from './memo';\nexport * from './request-interpolation';\nexport * from './selection-interpolation';\nexport * from './theme-gen';\nexport * from './variable-interpolation';\nexport * from './value-mapping';\nexport * from './regexp';\nexport * from './transform-data';\nexport * from './time-series-data';\nexport * from './trace-data';\nexport * from './types';\nexport * from './text';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,SAAS;AACvB,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,6BAA6B;AAC3C,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,0BAA0B;AACxC,cAAc,4BAA4B;AAC1C,cAAc,cAAc;AAC5B,cAAc,2BAA2B;AACzC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,qBAAqB;AACnC,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS"}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './axis';\nexport * from './browser-storage';\nexport * from './chart-actions';\nexport * from './combine-sx';\nexport * from './component-ids';\nexport * from './data-field-interpolation';\nexport * from './format';\nexport * from './memo';\nexport * from './request-interpolation';\nexport * from './selection-interpolation';\nexport * from './theme-gen';\nexport * from './variable-interpolation';\nexport * from './value-mapping';\nexport * from './regexp';\nexport * from './transform-data';\nexport * from './time-series-data';\nexport * from './trace-data';\nexport * from './types';\nexport * from './text';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,YAAS;AACvB,cAAc,uBAAoB;AAClC,cAAc,qBAAkB;AAChC,cAAc,kBAAe;AAC7B,cAAc,qBAAkB;AAChC,cAAc,gCAA6B;AAC3C,cAAc,cAAW;AACzB,cAAc,YAAS;AACvB,cAAc,6BAA0B;AACxC,cAAc,+BAA4B;AAC1C,cAAc,iBAAc;AAC5B,cAAc,8BAA2B;AACzC,cAAc,qBAAkB;AAChC,cAAc,cAAW;AACzB,cAAc,sBAAmB;AACjC,cAAc,wBAAqB;AACnC,cAAc,kBAAe;AAC7B,cAAc,aAAU;AACxB,cAAc,YAAS"}

package/dist/utils/mathjs.js

@@ -10,7 +10,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { roundDependencies, gcdDependencies, create } from 'mathjs';
+import { roundDependencies, gcdDependencies, create } from "mathjs";
 // This ensures we get a minimal mathjs bundle for just what we need (see https://mathjs.org/docs/custom_bundling.html)
 const { round } = create({
     roundDependencies

package/dist/utils/memo.d.ts

@@ -1,4 +1,4 @@
-import { DependencyList } from 'react';
+import type { DependencyList } from 'react';
 /**
  * Like React's useMemo, but guarantees the value will only be recalulated if
  * a dependency changes. Uses strict equality (===) for comparison. (React's

package/dist/utils/memo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"memo.d.ts","sourceRoot":"","sources":["../../src/utils/memo.ts"],"names":[],"mappings":"AAcA,OAAO,EAAU,cAAc,EAAE,MAAM,OAAO,CAAC;AAO/C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,CAgBxE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,CAMxE"}
+{"version":3,"file":"memo.d.ts","sourceRoot":"","sources":["../../src/utils/memo.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,CAgBxE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,cAAc,GAAG,CAAC,CAMxE"}

package/dist/utils/memo.js

@@ -10,8 +10,8 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import isEqual from 'lodash/isEqual';
-import { useRef } from 'react';
+import isEqual from "lodash/isEqual";
+import { useRef } from "react";
 /**
  * Like React's useMemo, but guarantees the value will only be recalulated if
  * a dependency changes. Uses strict equality (===) for comparison. (React's

package/dist/utils/memo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/memo.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport isEqual from 'lodash/isEqual';\nimport { useRef, DependencyList } from 'react';\n\ntype MemoRef<T> = {\n  value: T;\n  deps: DependencyList;\n};\n\n/**\n * Like React's useMemo, but guarantees the value will only be recalulated if\n * a dependency changes. Uses strict equality (===) for comparison. (React's\n * useMemo does not offer this guarantee, it's only a performance optimization).\n */\nexport function useMemoized<T>(factory: () => T, deps: DependencyList): T {\n  const ref = useRef<MemoRef<T>>();\n\n  let areEqual = true;\n  for (let i = 0; i < deps.length; i++) {\n    if (ref.current?.deps[i] !== deps[i]) {\n      areEqual = false;\n      break;\n    }\n  }\n\n  if (ref.current === undefined || areEqual === false) {\n    ref.current = { value: factory(), deps: deps };\n  }\n\n  return ref.current.value;\n}\n\n/**\n * Like React's useMemo, except it does a deep equality comparison with lodash's\n * isEqual on the dependency list.\n */\nexport function useDeepMemo<T>(factory: () => T, deps: DependencyList): T {\n  const ref = useRef<MemoRef<T>>();\n  if (ref.current === undefined || isEqual(deps, ref.current.deps) === false) {\n    ref.current = { value: factory(), deps };\n  }\n  return ref.current.value;\n}\n"],"names":["isEqual","useRef","useMemoized","factory","deps","ref","areEqual","i","length","current","undefined","value","useDeepMemo"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAOA,aAAa,iBAAiB;AACrC,SAASC,MAAM,QAAwB,QAAQ;AAO/C;;;;CAIC,GACD,OAAO,SAASC,YAAeC,OAAgB,EAAEC,IAAoB;IACnE,MAAMC,MAAMJ;IAEZ,IAAIK,WAAW;IACf,IAAK,IAAIC,IAAI,GAAGA,IAAIH,KAAKI,MAAM,EAAED,IAAK;QACpC,IAAIF,IAAII,OAAO,EAAEL,IAAI,CAACG,EAAE,KAAKH,IAAI,CAACG,EAAE,EAAE;YACpCD,WAAW;YACX;QACF;IACF;IAEA,IAAID,IAAII,OAAO,KAAKC,aAAaJ,aAAa,OAAO;QACnDD,IAAII,OAAO,GAAG;YAAEE,OAAOR;YAAWC,MAAMA;QAAK;IAC/C;IAEA,OAAOC,IAAII,OAAO,CAACE,KAAK;AAC1B;AAEA;;;CAGC,GACD,OAAO,SAASC,YAAeT,OAAgB,EAAEC,IAAoB;IACnE,MAAMC,MAAMJ;IACZ,IAAII,IAAII,OAAO,KAAKC,aAAaV,QAAQI,MAAMC,IAAII,OAAO,CAACL,IAAI,MAAM,OAAO;QAC1EC,IAAII,OAAO,GAAG;YAAEE,OAAOR;YAAWC;QAAK;IACzC;IACA,OAAOC,IAAII,OAAO,CAACE,KAAK;AAC1B"}
+{"version":3,"sources":["../../src/utils/memo.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport isEqual from 'lodash/isEqual';\nimport type { DependencyList } from 'react';\nimport { useRef } from 'react';\n\ntype MemoRef<T> = {\n  value: T;\n  deps: DependencyList;\n};\n\n/**\n * Like React's useMemo, but guarantees the value will only be recalulated if\n * a dependency changes. Uses strict equality (===) for comparison. (React's\n * useMemo does not offer this guarantee, it's only a performance optimization).\n */\nexport function useMemoized<T>(factory: () => T, deps: DependencyList): T {\n  const ref = useRef<MemoRef<T>>();\n\n  let areEqual = true;\n  for (let i = 0; i < deps.length; i++) {\n    if (ref.current?.deps[i] !== deps[i]) {\n      areEqual = false;\n      break;\n    }\n  }\n\n  if (ref.current === undefined || areEqual === false) {\n    ref.current = { value: factory(), deps: deps };\n  }\n\n  return ref.current.value;\n}\n\n/**\n * Like React's useMemo, except it does a deep equality comparison with lodash's\n * isEqual on the dependency list.\n */\nexport function useDeepMemo<T>(factory: () => T, deps: DependencyList): T {\n  const ref = useRef<MemoRef<T>>();\n  if (ref.current === undefined || isEqual(deps, ref.current.deps) === false) {\n    ref.current = { value: factory(), deps };\n  }\n  return ref.current.value;\n}\n"],"names":["isEqual","useRef","useMemoized","factory","deps","ref","areEqual","i","length","current","undefined","value","useDeepMemo"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAOA,aAAa,iBAAiB;AAErC,SAASC,MAAM,QAAQ,QAAQ;AAO/B;;;;CAIC,GACD,OAAO,SAASC,YAAeC,OAAgB,EAAEC,IAAoB;IACnE,MAAMC,MAAMJ;IAEZ,IAAIK,WAAW;IACf,IAAK,IAAIC,IAAI,GAAGA,IAAIH,KAAKI,MAAM,EAAED,IAAK;QACpC,IAAIF,IAAII,OAAO,EAAEL,IAAI,CAACG,EAAE,KAAKH,IAAI,CAACG,EAAE,EAAE;YACpCD,WAAW;YACX;QACF;IACF;IAEA,IAAID,IAAII,OAAO,KAAKC,aAAaJ,aAAa,OAAO;QACnDD,IAAII,OAAO,GAAG;YAAEE,OAAOR;YAAWC,MAAMA;QAAK;IAC/C;IAEA,OAAOC,IAAII,OAAO,CAACE,KAAK;AAC1B;AAEA;;;CAGC,GACD,OAAO,SAASC,YAAeT,OAAgB,EAAEC,IAAoB;IACnE,MAAMC,MAAMJ;IACZ,IAAII,IAAII,OAAO,KAAKC,aAAaV,QAAQI,MAAMC,IAAII,OAAO,CAACL,IAAI,MAAM,OAAO;QAC1EC,IAAII,OAAO,GAAG;YAAEE,OAAOR;YAAWC;QAAK;IACzC;IACA,OAAOC,IAAII,OAAO,CAACE,KAAK;AAC1B"}

package/dist/utils/request-interpolation.d.ts

@@ -1,5 +1,5 @@
-import { RequestHeaders } from '@perses-dev/client';
-import { VariableStateMap } from './variable-interpolation';
+import type { RequestHeaders } from '@perses-dev/client';
+import type { VariableStateMap } from './variable-interpolation';
 export type QueryParamValues = Record<string, string | string[]>;
 export declare function interpolateHeaders(headers: Record<string, string>, variableState: VariableStateMap): RequestHeaders;
 export declare function interpolateQueryParams(queryParams: QueryParamValues, variableState: VariableStateMap): QueryParamValues;

package/dist/utils/request-interpolation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-interpolation.d.ts","sourceRoot":"","sources":["../../src/utils/request-interpolation.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAEL,gBAAgB,EAGjB,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;AA4DjE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,aAAa,EAAE,gBAAgB,GAAG,cAAc,CAMnH;AAED,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,gBAAgB,EAC7B,aAAa,EAAE,gBAAgB,GAC9B,gBAAgB,CAUlB"}
+{"version":3,"file":"request-interpolation.d.ts","sourceRoot":"","sources":["../../src/utils/request-interpolation.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;AA4DjE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,aAAa,EAAE,gBAAgB,GAAG,cAAc,CAMnH;AAED,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,gBAAgB,EAC7B,aAAa,EAAE,gBAAgB,GAC9B,gBAAgB,CAUlB"}

package/dist/utils/request-interpolation.js

@@ -10,8 +10,8 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { createRegexFromString } from './regexp';
-import { replaceVariables, parseVariablesAndFormat, InterpolationFormat } from './variable-interpolation';
+import { createRegexFromString } from "./regexp.js";
+import { replaceVariables, parseVariablesAndFormat, InterpolationFormat } from "./variable-interpolation.js";
 function expandQueryParamValue(value, variableState) {
     // If value is an array, process each element
     if (Array.isArray(value)) {

package/dist/utils/request-interpolation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/request-interpolation.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { RequestHeaders } from '@perses-dev/client';\n\nimport { createRegexFromString } from './regexp';\nimport {\n  replaceVariables,\n  VariableStateMap,\n  parseVariablesAndFormat,\n  InterpolationFormat,\n} from './variable-interpolation';\n\nexport type QueryParamValues = Record<string, string | string[]>;\n\nfunction expandQueryParamValue(value: string | string[], variableState: VariableStateMap): string | string[] {\n  // If value is an array, process each element\n  if (Array.isArray(value)) {\n    return value.map((v) => expandQueryParamValue(v, variableState) as string);\n  }\n\n  // Now we know value is a string, so we can safely use string methods\n  const valueString = value as string;\n  const variablesMap = parseVariablesAndFormat(valueString);\n\n  // Find the first multi-value variable that should expand to repeated keys\n  for (const [varName, format] of variablesMap) {\n    const varState = variableState[varName];\n    if (!varState) continue;\n\n    const options = varState.options ?? [];\n    const allOptionValues = options.map((o) => o.value);\n\n    const isArray = Array.isArray(varState.value);\n    const isCustomAllValue = varState.customAllValue !== undefined;\n\n    let expandValues: string[] | undefined;\n    if (isArray) {\n      expandValues = varState.value as string[];\n    } else if (isCustomAllValue) {\n      try {\n        const regex = createRegexFromString(varState.customAllValue as string);\n        const matched = options.filter((o) => regex.test(o.value)).map((o) => o.value);\n        expandValues = matched.length > 0 ? matched : allOptionValues;\n      } catch {\n        expandValues = allOptionValues;\n      }\n    }\n    if (!expandValues) continue;\n\n    // If format is queryparam or not specified (default for query params), expand to array\n    if (!format || format === InterpolationFormat.QUERYPARAM) {\n      // Build syntax patterns for this variable reference\n      const simpleSyntax = '$' + varName;\n      const bracketSyntax = format ? '${' + varName + ':' + format + '}' : '${' + varName + '}';\n\n      return expandValues.map((singleValue) => {\n        let text = valueString;\n        // Replace the variable reference with the raw value directly.\n        // We cannot use replaceVariables here because it would apply QUERYPARAM format\n        // to the single value, producing \"varName=val\" instead of just \"val\".\n        text = text.replaceAll(bracketSyntax, singleValue);\n        text = text.replaceAll(simpleSyntax, singleValue);\n        // Replace any remaining variables (other than the expanded one) using standard interpolation\n        return replaceVariables(text, variableState);\n      });\n    }\n  }\n\n  // No multi-value expansion needed — use standard interpolation\n  return replaceVariables(valueString, variableState);\n}\n\nexport function interpolateHeaders(headers: Record<string, string>, variableState: VariableStateMap): RequestHeaders {\n  const result: RequestHeaders = {};\n  for (const [key, value] of Object.entries(headers)) {\n    result[key] = replaceVariables(value, variableState);\n  }\n  return result;\n}\n\nexport function interpolateQueryParams(\n  queryParams: QueryParamValues,\n  variableState: VariableStateMap,\n): QueryParamValues {\n  const result: QueryParamValues = {};\n  for (const [key, value] of Object.entries(queryParams)) {\n    if (Array.isArray(value)) {\n      result[key] = value.map((v) => replaceVariables(v, variableState));\n    } else {\n      result[key] = expandQueryParamValue(value, variableState);\n    }\n  }\n  return result;\n}\n"],"names":["createRegexFromString","replaceVariables","parseVariablesAndFormat","InterpolationFormat","expandQueryParamValue","value","variableState","Array","isArray","map","v","valueString","variablesMap","varName","format","varState","options","allOptionValues","o","isCustomAllValue","customAllValue","undefined","expandValues","regex","matched","filter","test","length","QUERYPARAM","simpleSyntax","bracketSyntax","singleValue","text","replaceAll","interpolateHeaders","headers","result","key","Object","entries","interpolateQueryParams","queryParams"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAASA,qBAAqB,QAAQ,WAAW;AACjD,SACEC,gBAAgB,EAEhBC,uBAAuB,EACvBC,mBAAmB,QACd,2BAA2B;AAIlC,SAASC,sBAAsBC,KAAwB,EAAEC,aAA+B;IACtF,6CAA6C;IAC7C,IAAIC,MAAMC,OAAO,CAACH,QAAQ;QACxB,OAAOA,MAAMI,GAAG,CAAC,CAACC,IAAMN,sBAAsBM,GAAGJ;IACnD;IAEA,qEAAqE;IACrE,MAAMK,cAAcN;IACpB,MAAMO,eAAeV,wBAAwBS;IAE7C,0EAA0E;IAC1E,KAAK,MAAM,CAACE,SAASC,OAAO,IAAIF,aAAc;QAC5C,MAAMG,WAAWT,aAAa,CAACO,QAAQ;QACvC,IAAI,CAACE,UAAU;QAEf,MAAMC,UAAUD,SAASC,OAAO,IAAI,EAAE;QACtC,MAAMC,kBAAkBD,QAAQP,GAAG,CAAC,CAACS,IAAMA,EAAEb,KAAK;QAElD,MAAMG,UAAUD,MAAMC,OAAO,CAACO,SAASV,KAAK;QAC5C,MAAMc,mBAAmBJ,SAASK,cAAc,KAAKC;QAErD,IAAIC;QACJ,IAAId,SAAS;YACXc,eAAeP,SAASV,KAAK;QAC/B,OAAO,IAAIc,kBAAkB;YAC3B,IAAI;gBACF,MAAMI,QAAQvB,sBAAsBe,SAASK,cAAc;gBAC3D,MAAMI,UAAUR,QAAQS,MAAM,CAAC,CAACP,IAAMK,MAAMG,IAAI,CAACR,EAAEb,KAAK,GAAGI,GAAG,CAAC,CAACS,IAAMA,EAAEb,KAAK;gBAC7EiB,eAAeE,QAAQG,MAAM,GAAG,IAAIH,UAAUP;YAChD,EAAE,OAAM;gBACNK,eAAeL;YACjB;QACF;QACA,IAAI,CAACK,cAAc;QAEnB,uFAAuF;QACvF,IAAI,CAACR,UAAUA,WAAWX,oBAAoByB,UAAU,EAAE;YACxD,oDAAoD;YACpD,MAAMC,eAAe,MAAMhB;YAC3B,MAAMiB,gBAAgBhB,SAAS,OAAOD,UAAU,MAAMC,SAAS,MAAM,OAAOD,UAAU;YAEtF,OAAOS,aAAab,GAAG,CAAC,CAACsB;gBACvB,IAAIC,OAAOrB;gBACX,8DAA8D;gBAC9D,+EAA+E;gBAC/E,sEAAsE;gBACtEqB,OAAOA,KAAKC,UAAU,CAACH,eAAeC;gBACtCC,OAAOA,KAAKC,UAAU,CAACJ,cAAcE;gBACrC,6FAA6F;gBAC7F,OAAO9B,iBAAiB+B,MAAM1B;YAChC;QACF;IACF;IAEA,+DAA+D;IAC/D,OAAOL,iBAAiBU,aAAaL;AACvC;AAEA,OAAO,SAAS4B,mBAAmBC,OAA+B,EAAE7B,aAA+B;IACjG,MAAM8B,SAAyB,CAAC;IAChC,KAAK,MAAM,CAACC,KAAKhC,MAAM,IAAIiC,OAAOC,OAAO,CAACJ,SAAU;QAClDC,MAAM,CAACC,IAAI,GAAGpC,iBAAiBI,OAAOC;IACxC;IACA,OAAO8B;AACT;AAEA,OAAO,SAASI,uBACdC,WAA6B,EAC7BnC,aAA+B;IAE/B,MAAM8B,SAA2B,CAAC;IAClC,KAAK,MAAM,CAACC,KAAKhC,MAAM,IAAIiC,OAAOC,OAAO,CAACE,aAAc;QACtD,IAAIlC,MAAMC,OAAO,CAACH,QAAQ;YACxB+B,MAAM,CAACC,IAAI,GAAGhC,MAAMI,GAAG,CAAC,CAACC,IAAMT,iBAAiBS,GAAGJ;QACrD,OAAO;YACL8B,MAAM,CAACC,IAAI,GAAGjC,sBAAsBC,OAAOC;QAC7C;IACF;IACA,OAAO8B;AACT"}
+{"version":3,"sources":["../../src/utils/request-interpolation.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport type { RequestHeaders } from '@perses-dev/client';\n\nimport { createRegexFromString } from './regexp';\nimport type { VariableStateMap } from './variable-interpolation';\nimport { replaceVariables, parseVariablesAndFormat, InterpolationFormat } from './variable-interpolation';\n\nexport type QueryParamValues = Record<string, string | string[]>;\n\nfunction expandQueryParamValue(value: string | string[], variableState: VariableStateMap): string | string[] {\n  // If value is an array, process each element\n  if (Array.isArray(value)) {\n    return value.map((v) => expandQueryParamValue(v, variableState) as string);\n  }\n\n  // Now we know value is a string, so we can safely use string methods\n  const valueString = value as string;\n  const variablesMap = parseVariablesAndFormat(valueString);\n\n  // Find the first multi-value variable that should expand to repeated keys\n  for (const [varName, format] of variablesMap) {\n    const varState = variableState[varName];\n    if (!varState) continue;\n\n    const options = varState.options ?? [];\n    const allOptionValues = options.map((o) => o.value);\n\n    const isArray = Array.isArray(varState.value);\n    const isCustomAllValue = varState.customAllValue !== undefined;\n\n    let expandValues: string[] | undefined;\n    if (isArray) {\n      expandValues = varState.value as string[];\n    } else if (isCustomAllValue) {\n      try {\n        const regex = createRegexFromString(varState.customAllValue as string);\n        const matched = options.filter((o) => regex.test(o.value)).map((o) => o.value);\n        expandValues = matched.length > 0 ? matched : allOptionValues;\n      } catch {\n        expandValues = allOptionValues;\n      }\n    }\n    if (!expandValues) continue;\n\n    // If format is queryparam or not specified (default for query params), expand to array\n    if (!format || format === InterpolationFormat.QUERYPARAM) {\n      // Build syntax patterns for this variable reference\n      const simpleSyntax = '$' + varName;\n      const bracketSyntax = format ? '${' + varName + ':' + format + '}' : '${' + varName + '}';\n\n      return expandValues.map((singleValue) => {\n        let text = valueString;\n        // Replace the variable reference with the raw value directly.\n        // We cannot use replaceVariables here because it would apply QUERYPARAM format\n        // to the single value, producing \"varName=val\" instead of just \"val\".\n        text = text.replaceAll(bracketSyntax, singleValue);\n        text = text.replaceAll(simpleSyntax, singleValue);\n        // Replace any remaining variables (other than the expanded one) using standard interpolation\n        return replaceVariables(text, variableState);\n      });\n    }\n  }\n\n  // No multi-value expansion needed — use standard interpolation\n  return replaceVariables(valueString, variableState);\n}\n\nexport function interpolateHeaders(headers: Record<string, string>, variableState: VariableStateMap): RequestHeaders {\n  const result: RequestHeaders = {};\n  for (const [key, value] of Object.entries(headers)) {\n    result[key] = replaceVariables(value, variableState);\n  }\n  return result;\n}\n\nexport function interpolateQueryParams(\n  queryParams: QueryParamValues,\n  variableState: VariableStateMap,\n): QueryParamValues {\n  const result: QueryParamValues = {};\n  for (const [key, value] of Object.entries(queryParams)) {\n    if (Array.isArray(value)) {\n      result[key] = value.map((v) => replaceVariables(v, variableState));\n    } else {\n      result[key] = expandQueryParamValue(value, variableState);\n    }\n  }\n  return result;\n}\n"],"names":["createRegexFromString","replaceVariables","parseVariablesAndFormat","InterpolationFormat","expandQueryParamValue","value","variableState","Array","isArray","map","v","valueString","variablesMap","varName","format","varState","options","allOptionValues","o","isCustomAllValue","customAllValue","undefined","expandValues","regex","matched","filter","test","length","QUERYPARAM","simpleSyntax","bracketSyntax","singleValue","text","replaceAll","interpolateHeaders","headers","result","key","Object","entries","interpolateQueryParams","queryParams"],"mappings":"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"}

package/dist/utils/selection-interpolation.d.ts

@@ -1,5 +1,5 @@
-import { DataItem, InterpolationResult } from './data-field-interpolation';
-import { VariableStateMap } from './variable-interpolation';
+import type { DataItem, InterpolationResult } from './data-field-interpolation';
+import type { VariableStateMap } from './variable-interpolation';
 export type SelectionItem = DataItem;
 /**
  * Interpolate selection data into a template string for individual mode.