@perses-dev/components 0.55.0-beta.1 → 0.55.0-beta.11

package/dist/utils/text.d.ts

@@ -1,4 +1,4 @@
-import { Resource } from '@perses-dev/client';
+import type { Resource } from '@perses-dev/client';
 export declare function getResourceDisplayName<T extends Resource>(resource: T): string;
 /**
  * If the resource has a display name, return the resource display name with the resource name too

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/utils/text.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,CAY9E;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,CAAC,SAAS,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,CAYtF"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/utils/text.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,CAY9E;AAED;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,CAAC,SAAS,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,CAYtF"}

package/dist/utils/text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/text.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 { Resource } from '@perses-dev/client';\n\nexport function getResourceDisplayName<T extends Resource>(resource: T): string {\n  // Variables\n  if (resource.spec?.spec?.display?.name) {\n    return resource.spec.spec.display.name;\n  }\n\n  // Other resources with display\n  if (resource.spec?.display?.name) {\n    return resource.spec.display.name;\n  }\n\n  return resource.metadata.name;\n}\n\n/**\n * If the resource has a display name, return the resource display name with the resource name too\n * Else, only return the resource name\n */\nexport function getResourceExtendedDisplayName<T extends Resource>(resource: T): string {\n  // Variables\n  if (resource.spec?.spec?.display?.name) {\n    return `${resource.spec.spec.display.name} (ID: ${resource.metadata.name})`;\n  }\n\n  // Other resources with display\n  if (resource.spec?.display?.name) {\n    return `${resource.spec.display.name} (ID: ${resource.metadata.name})`;\n  }\n\n  return resource.metadata.name;\n}\n"],"names":["getResourceDisplayName","resource","spec","display","name","metadata","getResourceExtendedDisplayName"],"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,OAAO,SAASA,uBAA2CC,QAAW;IACpE,YAAY;IACZ,IAAIA,SAASC,IAAI,EAAEA,MAAMC,SAASC,MAAM;QACtC,OAAOH,SAASC,IAAI,CAACA,IAAI,CAACC,OAAO,CAACC,IAAI;IACxC;IAEA,+BAA+B;IAC/B,IAAIH,SAASC,IAAI,EAAEC,SAASC,MAAM;QAChC,OAAOH,SAASC,IAAI,CAACC,OAAO,CAACC,IAAI;IACnC;IAEA,OAAOH,SAASI,QAAQ,CAACD,IAAI;AAC/B;AAEA;;;CAGC,GACD,OAAO,SAASE,+BAAmDL,QAAW;IAC5E,YAAY;IACZ,IAAIA,SAASC,IAAI,EAAEA,MAAMC,SAASC,MAAM;QACtC,OAAO,GAAGH,SAASC,IAAI,CAACA,IAAI,CAACC,OAAO,CAACC,IAAI,CAAC,MAAM,EAAEH,SAASI,QAAQ,CAACD,IAAI,CAAC,CAAC,CAAC;IAC7E;IAEA,+BAA+B;IAC/B,IAAIH,SAASC,IAAI,EAAEC,SAASC,MAAM;QAChC,OAAO,GAAGH,SAASC,IAAI,CAACC,OAAO,CAACC,IAAI,CAAC,MAAM,EAAEH,SAASI,QAAQ,CAACD,IAAI,CAAC,CAAC,CAAC;IACxE;IAEA,OAAOH,SAASI,QAAQ,CAACD,IAAI;AAC/B"}
+{"version":3,"sources":["../../src/utils/text.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 { Resource } from '@perses-dev/client';\n\nexport function getResourceDisplayName<T extends Resource>(resource: T): string {\n  // Variables\n  if (resource.spec?.spec?.display?.name) {\n    return resource.spec.spec.display.name;\n  }\n\n  // Other resources with display\n  if (resource.spec?.display?.name) {\n    return resource.spec.display.name;\n  }\n\n  return resource.metadata.name;\n}\n\n/**\n * If the resource has a display name, return the resource display name with the resource name too\n * Else, only return the resource name\n */\nexport function getResourceExtendedDisplayName<T extends Resource>(resource: T): string {\n  // Variables\n  if (resource.spec?.spec?.display?.name) {\n    return `${resource.spec.spec.display.name} (ID: ${resource.metadata.name})`;\n  }\n\n  // Other resources with display\n  if (resource.spec?.display?.name) {\n    return `${resource.spec.display.name} (ID: ${resource.metadata.name})`;\n  }\n\n  return resource.metadata.name;\n}\n"],"names":["getResourceDisplayName","resource","spec","display","name","metadata","getResourceExtendedDisplayName"],"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,OAAO,SAASA,uBAA2CC,QAAW;IACpE,YAAY;IACZ,IAAIA,SAASC,IAAI,EAAEA,MAAMC,SAASC,MAAM;QACtC,OAAOH,SAASC,IAAI,CAACA,IAAI,CAACC,OAAO,CAACC,IAAI;IACxC;IAEA,+BAA+B;IAC/B,IAAIH,SAASC,IAAI,EAAEC,SAASC,MAAM;QAChC,OAAOH,SAASC,IAAI,CAACC,OAAO,CAACC,IAAI;IACnC;IAEA,OAAOH,SAASI,QAAQ,CAACD,IAAI;AAC/B;AAEA;;;CAGC,GACD,OAAO,SAASE,+BAAmDL,QAAW;IAC5E,YAAY;IACZ,IAAIA,SAASC,IAAI,EAAEA,MAAMC,SAASC,MAAM;QACtC,OAAO,GAAGH,SAASC,IAAI,CAACA,IAAI,CAACC,OAAO,CAACC,IAAI,CAAC,MAAM,EAAEH,SAASI,QAAQ,CAACD,IAAI,CAAC,CAAC,CAAC;IAC7E;IAEA,+BAA+B;IAC/B,IAAIH,SAASC,IAAI,EAAEC,SAASC,MAAM;QAChC,OAAO,GAAGH,SAASC,IAAI,CAACC,OAAO,CAACC,IAAI,CAAC,MAAM,EAAEH,SAASI,QAAQ,CAACD,IAAI,CAAC,CAAC,CAAC;IACxE;IAEA,OAAOH,SAASI,QAAQ,CAACD,IAAI;AAC/B"}

package/dist/utils/theme-gen.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '@mui/material';
-import { PersesChartsTheme } from '../model';
+import type { Theme } from '@mui/material';
+import type { PersesChartsTheme } from '../model';
 type MuiTheme = Omit<Theme, 'components'>;
 export declare function generateChartsTheme(muiTheme: MuiTheme, persesChartsThemeOverride: Partial<PersesChartsTheme>): PersesChartsTheme;
 export {};

package/dist/utils/theme-gen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-gen.d.ts","sourceRoot":"","sources":["../../src/utils/theme-gen.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAK3D,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AAE1C,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,QAAQ,EAClB,yBAAyB,EAAE,OAAO,CAAC,iBAAiB,CAAC,GACpD,iBAAiB,CAiPnB"}
+{"version":3,"file":"theme-gen.d.ts","sourceRoot":"","sources":["../../src/utils/theme-gen.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAKhE,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AAE1C,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,QAAQ,EAClB,yBAAyB,EAAE,OAAO,CAAC,iBAAiB,CAAC,GACpD,iBAAiB,CAiPnB"}

package/dist/utils/theme-gen.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 merge from 'lodash/merge';
+import merge from "lodash/merge";
 const DEFAULT_TEXT_COLOR = '#222';
 export function generateChartsTheme(muiTheme, persesChartsThemeOverride) {
     const primaryTextColor = muiTheme.palette.text?.primary ?? DEFAULT_TEXT_COLOR;

package/dist/utils/theme-gen.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/theme-gen.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 { Theme } from '@mui/material';\nimport merge from 'lodash/merge';\nimport { EChartsTheme, PersesChartsTheme } from '../model';\n\nconst DEFAULT_TEXT_COLOR = '#222';\n\n// avoid component override type errors since only palette and typography are used\ntype MuiTheme = Omit<Theme, 'components'>;\n\nexport function generateChartsTheme(\n  muiTheme: MuiTheme,\n  persesChartsThemeOverride: Partial<PersesChartsTheme>\n): PersesChartsTheme {\n  const primaryTextColor = muiTheme.palette.text?.primary ?? DEFAULT_TEXT_COLOR;\n\n  const muiConvertedTheme: EChartsTheme = {\n    title: {\n      show: false,\n    },\n    textStyle: {\n      color: primaryTextColor,\n      fontFamily: muiTheme.typography.fontFamily,\n      fontSize: 12,\n    },\n    grid: {\n      top: 5,\n      right: 20,\n      bottom: 0,\n      left: 20,\n      containLabel: true,\n    },\n    // Accessible categorical palette from: https://davidmathlogic.com/colorblind\n    color: [\n      '#56B4E9', // lt blue\n      '#009E73', // med green\n      '#0072B2', // dk blue\n      '#CC79A7', // lt purple\n      '#F0E442', // yellow\n      '#E69F00', // orange\n      '#D55E00', // red\n    ],\n    categoryAxis: {\n      show: true,\n      axisLabel: {\n        show: true,\n        color: primaryTextColor,\n        margin: 15,\n      },\n      axisTick: {\n        show: false,\n        length: 6,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      axisLine: {\n        show: true,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          width: 0.5,\n          color: muiTheme.palette.grey[300],\n          opacity: 0.4,\n        },\n      },\n      splitArea: {\n        show: false,\n        areaStyle: {\n          color: [muiTheme.palette.grey[300]],\n        },\n      },\n    },\n    timeAxis: {\n      show: true,\n      axisLabel: {\n        show: true,\n        color: primaryTextColor,\n        margin: 15,\n      },\n      axisTick: {\n        show: false,\n        length: 6,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      axisLine: {\n        show: true,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          width: 0.5,\n          color: muiTheme.palette.grey[300],\n          opacity: 0.4,\n        },\n      },\n      splitArea: {\n        show: false,\n        areaStyle: {\n          color: [muiTheme.palette.grey[300]],\n        },\n      },\n    },\n    valueAxis: {\n      show: true,\n      axisLabel: {\n        color: primaryTextColor,\n        margin: 12,\n      },\n      axisLine: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          width: 0.5,\n          color: muiTheme.palette.grey[300],\n          opacity: 0.6,\n        },\n      },\n    },\n    legend: {\n      orient: 'horizontal',\n      textStyle: {\n        color: primaryTextColor,\n      },\n      pageTextStyle: {\n        color: muiTheme.palette.grey[600],\n      },\n      pageIconColor: muiTheme?.palette?.action?.active,\n      pageIconInactiveColor: muiTheme?.palette?.action?.disabled,\n    },\n    toolbox: {\n      show: true,\n      top: 10,\n      right: 10,\n      iconStyle: {\n        borderColor: primaryTextColor,\n      },\n    },\n    tooltip: {\n      backgroundColor: muiTheme.palette.designSystem?.grey[800],\n      borderColor: muiTheme.palette.designSystem?.grey[800],\n      textStyle: {\n        color: '#fff',\n        fontSize: 11,\n      },\n    },\n    axisPointer: {\n      lineStyle: {\n        color: muiTheme.palette.grey[500],\n      },\n    },\n    markLine: {\n      symbol: 'none',\n      symbolSize: 0,\n      itemStyle: {\n        color: muiTheme.palette.grey[500],\n      },\n      lineStyle: {\n        type: 'dashed',\n        width: 1,\n      },\n    },\n    line: {\n      showSymbol: false,\n      symbol: 'circle',\n      symbolSize: 4,\n      smooth: false,\n      lineStyle: {\n        width: 1,\n      },\n      emphasis: {\n        lineStyle: {\n          width: 1.5,\n        },\n      },\n    },\n    bar: {\n      barMaxWidth: 150,\n      itemStyle: {\n        borderWidth: 0,\n        borderRadius: 0,\n        borderColor: muiTheme.palette.grey[300],\n      },\n      label: {\n        show: false,\n        color: primaryTextColor,\n      },\n    },\n    gauge: {\n      detail: {\n        fontSize: 18,\n        fontWeight: 600,\n        valueAnimation: false,\n      },\n      splitLine: {\n        distance: 0,\n        length: 4,\n        lineStyle: {\n          width: 1,\n        },\n      },\n      splitNumber: 12,\n    },\n  };\n\n  return merge(\n    {\n      echartsTheme: muiConvertedTheme,\n      noDataOption: {\n        title: {\n          show: true,\n          textStyle: {\n            color: primaryTextColor,\n            fontSize: 16,\n            fontWeight: 400,\n          },\n          text: 'No data',\n          left: 'center',\n          top: 'center',\n        },\n        xAxis: {\n          show: false,\n        },\n        yAxis: {\n          show: false,\n        },\n      },\n      sparkline: {\n        width: 2,\n        color: '#1976d2',\n      },\n      container: {\n        padding: {\n          default: parseInt(muiTheme.spacing(1.5), 10),\n        },\n      },\n      thresholds: {\n        defaultColor: muiTheme.palette.success.main,\n        palette: ['#FFCC00', muiTheme.palette.warning.main, muiTheme.palette.error.main],\n      },\n    },\n    persesChartsThemeOverride\n  );\n}\n"],"names":["merge","DEFAULT_TEXT_COLOR","generateChartsTheme","muiTheme","persesChartsThemeOverride","primaryTextColor","palette","text","primary","muiConvertedTheme","title","show","textStyle","color","fontFamily","typography","fontSize","grid","top","right","bottom","left","containLabel","categoryAxis","axisLabel","margin","axisTick","length","lineStyle","grey","axisLine","splitLine","width","opacity","splitArea","areaStyle","timeAxis","valueAxis","legend","orient","pageTextStyle","pageIconColor","action","active","pageIconInactiveColor","disabled","toolbox","iconStyle","borderColor","tooltip","backgroundColor","designSystem","axisPointer","markLine","symbol","symbolSize","itemStyle","type","line","showSymbol","smooth","emphasis","bar","barMaxWidth","borderWidth","borderRadius","label","gauge","detail","fontWeight","valueAnimation","distance","splitNumber","echartsTheme","noDataOption","xAxis","yAxis","sparkline","container","padding","default","parseInt","spacing","thresholds","defaultColor","success","main","warning","error"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/theme-gen.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 { Theme } from '@mui/material';\nimport merge from 'lodash/merge';\n\nimport type { EChartsTheme, PersesChartsTheme } from '../model';\n\nconst DEFAULT_TEXT_COLOR = '#222';\n\n// avoid component override type errors since only palette and typography are used\ntype MuiTheme = Omit<Theme, 'components'>;\n\nexport function generateChartsTheme(\n  muiTheme: MuiTheme,\n  persesChartsThemeOverride: Partial<PersesChartsTheme>,\n): PersesChartsTheme {\n  const primaryTextColor = muiTheme.palette.text?.primary ?? DEFAULT_TEXT_COLOR;\n\n  const muiConvertedTheme: EChartsTheme = {\n    title: {\n      show: false,\n    },\n    textStyle: {\n      color: primaryTextColor,\n      fontFamily: muiTheme.typography.fontFamily,\n      fontSize: 12,\n    },\n    grid: {\n      top: 5,\n      right: 20,\n      bottom: 0,\n      left: 20,\n      containLabel: true,\n    },\n    // Accessible categorical palette from: https://davidmathlogic.com/colorblind\n    color: [\n      '#56B4E9', // lt blue\n      '#009E73', // med green\n      '#0072B2', // dk blue\n      '#CC79A7', // lt purple\n      '#F0E442', // yellow\n      '#E69F00', // orange\n      '#D55E00', // red\n    ],\n    categoryAxis: {\n      show: true,\n      axisLabel: {\n        show: true,\n        color: primaryTextColor,\n        margin: 15,\n      },\n      axisTick: {\n        show: false,\n        length: 6,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      axisLine: {\n        show: true,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          width: 0.5,\n          color: muiTheme.palette.grey[300],\n          opacity: 0.4,\n        },\n      },\n      splitArea: {\n        show: false,\n        areaStyle: {\n          color: [muiTheme.palette.grey[300]],\n        },\n      },\n    },\n    timeAxis: {\n      show: true,\n      axisLabel: {\n        show: true,\n        color: primaryTextColor,\n        margin: 15,\n      },\n      axisTick: {\n        show: false,\n        length: 6,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      axisLine: {\n        show: true,\n        lineStyle: {\n          color: muiTheme.palette.grey[600],\n        },\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          width: 0.5,\n          color: muiTheme.palette.grey[300],\n          opacity: 0.4,\n        },\n      },\n      splitArea: {\n        show: false,\n        areaStyle: {\n          color: [muiTheme.palette.grey[300]],\n        },\n      },\n    },\n    valueAxis: {\n      show: true,\n      axisLabel: {\n        color: primaryTextColor,\n        margin: 12,\n      },\n      axisLine: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          width: 0.5,\n          color: muiTheme.palette.grey[300],\n          opacity: 0.6,\n        },\n      },\n    },\n    legend: {\n      orient: 'horizontal',\n      textStyle: {\n        color: primaryTextColor,\n      },\n      pageTextStyle: {\n        color: muiTheme.palette.grey[600],\n      },\n      pageIconColor: muiTheme?.palette?.action?.active,\n      pageIconInactiveColor: muiTheme?.palette?.action?.disabled,\n    },\n    toolbox: {\n      show: true,\n      top: 10,\n      right: 10,\n      iconStyle: {\n        borderColor: primaryTextColor,\n      },\n    },\n    tooltip: {\n      backgroundColor: muiTheme.palette.designSystem?.grey[800],\n      borderColor: muiTheme.palette.designSystem?.grey[800],\n      textStyle: {\n        color: '#fff',\n        fontSize: 11,\n      },\n    },\n    axisPointer: {\n      lineStyle: {\n        color: muiTheme.palette.grey[500],\n      },\n    },\n    markLine: {\n      symbol: 'none',\n      symbolSize: 0,\n      itemStyle: {\n        color: muiTheme.palette.grey[500],\n      },\n      lineStyle: {\n        type: 'dashed',\n        width: 1,\n      },\n    },\n    line: {\n      showSymbol: false,\n      symbol: 'circle',\n      symbolSize: 4,\n      smooth: false,\n      lineStyle: {\n        width: 1,\n      },\n      emphasis: {\n        lineStyle: {\n          width: 1.5,\n        },\n      },\n    },\n    bar: {\n      barMaxWidth: 150,\n      itemStyle: {\n        borderWidth: 0,\n        borderRadius: 0,\n        borderColor: muiTheme.palette.grey[300],\n      },\n      label: {\n        show: false,\n        color: primaryTextColor,\n      },\n    },\n    gauge: {\n      detail: {\n        fontSize: 18,\n        fontWeight: 600,\n        valueAnimation: false,\n      },\n      splitLine: {\n        distance: 0,\n        length: 4,\n        lineStyle: {\n          width: 1,\n        },\n      },\n      splitNumber: 12,\n    },\n  };\n\n  return merge(\n    {\n      echartsTheme: muiConvertedTheme,\n      noDataOption: {\n        title: {\n          show: true,\n          textStyle: {\n            color: primaryTextColor,\n            fontSize: 16,\n            fontWeight: 400,\n          },\n          text: 'No data',\n          left: 'center',\n          top: 'center',\n        },\n        xAxis: {\n          show: false,\n        },\n        yAxis: {\n          show: false,\n        },\n      },\n      sparkline: {\n        width: 2,\n        color: '#1976d2',\n      },\n      container: {\n        padding: {\n          default: parseInt(muiTheme.spacing(1.5), 10),\n        },\n      },\n      thresholds: {\n        defaultColor: muiTheme.palette.success.main,\n        palette: ['#FFCC00', muiTheme.palette.warning.main, muiTheme.palette.error.main],\n      },\n    },\n    persesChartsThemeOverride,\n  );\n}\n"],"names":["merge","DEFAULT_TEXT_COLOR","generateChartsTheme","muiTheme","persesChartsThemeOverride","primaryTextColor","palette","text","primary","muiConvertedTheme","title","show","textStyle","color","fontFamily","typography","fontSize","grid","top","right","bottom","left","containLabel","categoryAxis","axisLabel","margin","axisTick","length","lineStyle","grey","axisLine","splitLine","width","opacity","splitArea","areaStyle","timeAxis","valueAxis","legend","orient","pageTextStyle","pageIconColor","action","active","pageIconInactiveColor","disabled","toolbox","iconStyle","borderColor","tooltip","backgroundColor","designSystem","axisPointer","markLine","symbol","symbolSize","itemStyle","type","line","showSymbol","smooth","emphasis","bar","barMaxWidth","borderWidth","borderRadius","label","gauge","detail","fontWeight","valueAnimation","distance","splitNumber","echartsTheme","noDataOption","xAxis","yAxis","sparkline","container","padding","default","parseInt","spacing","thresholds","defaultColor","success","main","warning","error"],"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;AAIjC,MAAMC,qBAAqB;AAK3B,OAAO,SAASC,oBACdC,QAAkB,EAClBC,yBAAqD;IAErD,MAAMC,mBAAmBF,SAASG,OAAO,CAACC,IAAI,EAAEC,WAAWP;IAE3D,MAAMQ,oBAAkC;QACtCC,OAAO;YACLC,MAAM;QACR;QACAC,WAAW;YACTC,OAAOR;YACPS,YAAYX,SAASY,UAAU,CAACD,UAAU;YAC1CE,UAAU;QACZ;QACAC,MAAM;YACJC,KAAK;YACLC,OAAO;YACPC,QAAQ;YACRC,MAAM;YACNC,cAAc;QAChB;QACA,6EAA6E;QAC7ET,OAAO;YACL;YACA;YACA;YACA;YACA;YACA;YACA;SACD;QACDU,cAAc;YACZZ,MAAM;YACNa,WAAW;gBACTb,MAAM;gBACNE,OAAOR;gBACPoB,QAAQ;YACV;YACAC,UAAU;gBACRf,MAAM;gBACNgB,QAAQ;gBACRC,WAAW;oBACTf,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;gBACnC;YACF;YACAC,UAAU;gBACRnB,MAAM;gBACNiB,WAAW;oBACTf,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;gBACnC;YACF;YACAE,WAAW;gBACTpB,MAAM;gBACNiB,WAAW;oBACTI,OAAO;oBACPnB,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;oBACjCI,SAAS;gBACX;YACF;YACAC,WAAW;gBACTvB,MAAM;gBACNwB,WAAW;oBACTtB,OAAO;wBAACV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;qBAAC;gBACrC;YACF;QACF;QACAO,UAAU;YACRzB,MAAM;YACNa,WAAW;gBACTb,MAAM;gBACNE,OAAOR;gBACPoB,QAAQ;YACV;YACAC,UAAU;gBACRf,MAAM;gBACNgB,QAAQ;gBACRC,WAAW;oBACTf,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;gBACnC;YACF;YACAC,UAAU;gBACRnB,MAAM;gBACNiB,WAAW;oBACTf,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;gBACnC;YACF;YACAE,WAAW;gBACTpB,MAAM;gBACNiB,WAAW;oBACTI,OAAO;oBACPnB,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;oBACjCI,SAAS;gBACX;YACF;YACAC,WAAW;gBACTvB,MAAM;gBACNwB,WAAW;oBACTtB,OAAO;wBAACV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;qBAAC;gBACrC;YACF;QACF;QACAQ,WAAW;YACT1B,MAAM;YACNa,WAAW;gBACTX,OAAOR;gBACPoB,QAAQ;YACV;YACAK,UAAU;gBACRnB,MAAM;YACR;YACAoB,WAAW;gBACTpB,MAAM;gBACNiB,WAAW;oBACTI,OAAO;oBACPnB,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;oBACjCI,SAAS;gBACX;YACF;QACF;QACAK,QAAQ;YACNC,QAAQ;YACR3B,WAAW;gBACTC,OAAOR;YACT;YACAmC,eAAe;gBACb3B,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;YACnC;YACAY,eAAetC,UAAUG,SAASoC,QAAQC;YAC1CC,uBAAuBzC,UAAUG,SAASoC,QAAQG;QACpD;QACAC,SAAS;YACPnC,MAAM;YACNO,KAAK;YACLC,OAAO;YACP4B,WAAW;gBACTC,aAAa3C;YACf;QACF;QACA4C,SAAS;YACPC,iBAAiB/C,SAASG,OAAO,CAAC6C,YAAY,EAAEtB,IAAI,CAAC,IAAI;YACzDmB,aAAa7C,SAASG,OAAO,CAAC6C,YAAY,EAAEtB,IAAI,CAAC,IAAI;YACrDjB,WAAW;gBACTC,OAAO;gBACPG,UAAU;YACZ;QACF;QACAoC,aAAa;YACXxB,WAAW;gBACTf,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;YACnC;QACF;QACAwB,UAAU;YACRC,QAAQ;YACRC,YAAY;YACZC,WAAW;gBACT3C,OAAOV,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;YACnC;YACAD,WAAW;gBACT6B,MAAM;gBACNzB,OAAO;YACT;QACF;QACA0B,MAAM;YACJC,YAAY;YACZL,QAAQ;YACRC,YAAY;YACZK,QAAQ;YACRhC,WAAW;gBACTI,OAAO;YACT;YACA6B,UAAU;gBACRjC,WAAW;oBACTI,OAAO;gBACT;YACF;QACF;QACA8B,KAAK;YACHC,aAAa;YACbP,WAAW;gBACTQ,aAAa;gBACbC,cAAc;gBACdjB,aAAa7C,SAASG,OAAO,CAACuB,IAAI,CAAC,IAAI;YACzC;YACAqC,OAAO;gBACLvD,MAAM;gBACNE,OAAOR;YACT;QACF;QACA8D,OAAO;YACLC,QAAQ;gBACNpD,UAAU;gBACVqD,YAAY;gBACZC,gBAAgB;YAClB;YACAvC,WAAW;gBACTwC,UAAU;gBACV5C,QAAQ;gBACRC,WAAW;oBACTI,OAAO;gBACT;YACF;YACAwC,aAAa;QACf;IACF;IAEA,OAAOxE,MACL;QACEyE,cAAchE;QACdiE,cAAc;YACZhE,OAAO;gBACLC,MAAM;gBACNC,WAAW;oBACTC,OAAOR;oBACPW,UAAU;oBACVqD,YAAY;gBACd;gBACA9D,MAAM;gBACNc,MAAM;gBACNH,KAAK;YACP;YACAyD,OAAO;gBACLhE,MAAM;YACR;YACAiE,OAAO;gBACLjE,MAAM;YACR;QACF;QACAkE,WAAW;YACT7C,OAAO;YACPnB,OAAO;QACT;QACAiE,WAAW;YACTC,SAAS;gBACPC,SAASC,SAAS9E,SAAS+E,OAAO,CAAC,MAAM;YAC3C;QACF;QACAC,YAAY;YACVC,cAAcjF,SAASG,OAAO,CAAC+E,OAAO,CAACC,IAAI;YAC3ChF,SAAS;gBAAC;gBAAWH,SAASG,OAAO,CAACiF,OAAO,CAACD,IAAI;gBAAEnF,SAASG,OAAO,CAACkF,KAAK,CAACF,IAAI;aAAC;QAClF;IACF,GACAlF;AAEJ"}

package/dist/utils/time-series-data.d.ts

@@ -1,4 +1,4 @@
-import { TimeScale, TimeSeries, TimeSeriesData, TimeSeriesValueTuple } from '@perses-dev/spec';
+import type { TimeScale, TimeSeries, TimeSeriesData, TimeSeriesValueTuple } from '@perses-dev/spec';
 export declare const MIN_STEP_INTERVAL_MS = 10;
 /**
  * Given a TimeSeries from a query and a common time scale (see `getCommonTimeScale`),

package/dist/utils/time-series-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-series-data.d.ts","sourceRoot":"","sources":["../../src/utils/time-series-data.ts"],"names":[],"mappings":"AAaA,OAAO,EAAqB,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGlH,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAG,oBAAoB,EAAE,CAyBpG;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,GACzE,SAAS,GAAG,SAAS,CAgFvB"}
+{"version":3,"file":"time-series-data.d.ts","sourceRoot":"","sources":["../../src/utils/time-series-data.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAqB,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAIvH,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAG,oBAAoB,EAAE,CAyBpG;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,GACzE,SAAS,GAAG,SAAS,CAgFvB"}

package/dist/utils/time-series-data.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 { gcd } from './mathjs';
+import { gcd } from "./mathjs.js";
 export const MIN_STEP_INTERVAL_MS = 10;
 /**
  * Given a TimeSeries from a query and a common time scale (see `getCommonTimeScale`),

package/dist/utils/time-series-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/time-series-data.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 { AbsoluteTimeRange, TimeScale, TimeSeries, TimeSeriesData, TimeSeriesValueTuple } from '@perses-dev/spec';\nimport { gcd } from './mathjs';\n\nexport const MIN_STEP_INTERVAL_MS = 10;\n\n/**\n * Given a TimeSeries from a query and a common time scale (see `getCommonTimeScale`),\n * processes the time series values, filling in any timestamps that are missing\n * from the time series data with `null` values.\n */\nexport function getTimeSeriesValues(series: TimeSeries, timeScale: TimeScale): TimeSeriesValueTuple[] {\n  let timestamp = timeScale.startMs;\n\n  const values = series.values;\n  const processedValues: TimeSeriesValueTuple[] = [];\n\n  for (const valueTuple of values) {\n    // Fill in values up to the current series value timestamp with nulls\n    while (timestamp < valueTuple[0]) {\n      processedValues.push([timestamp, null]);\n      timestamp += timeScale.stepMs;\n    }\n\n    // Now add the current value since timestamp should match\n    processedValues.push([timestamp, valueTuple[1]]);\n    timestamp += timeScale.stepMs;\n  }\n\n  // Add null values at the end of the series if necessary\n  while (timestamp <= timeScale.endMs) {\n    processedValues.push([timestamp, null]);\n    timestamp += timeScale.stepMs;\n  }\n\n  return processedValues;\n}\n\n/**\n * Given a list of running queries, calculates a common time scale for use on\n * the x axis (i.e. start/end dates and a step that is divisible into all of\n * the queries' steps).\n */\nexport function getCommonTimeScale(\n  seriesData: Array<TimeSeriesData | Pick<TimeSeries, 'values'> | undefined>\n): TimeScale | undefined {\n  let timeRange: AbsoluteTimeRange | undefined = undefined;\n  const steps: number[] = [];\n\n  for (const data of seriesData) {\n    if (data && 'timeRange' in data) {\n      if (data === undefined || data.timeRange === undefined || data.stepMs === undefined) continue;\n\n      // Keep track of query steps so we can calculate a common one for the graph\n      steps.push(data.stepMs);\n\n      // If we don't have an overall time range yet, just start with this one\n      if (timeRange === undefined) {\n        timeRange = data.timeRange;\n        continue;\n      }\n\n      // Otherwise, see if this query has a start or end outside of the current\n      // time range\n      if (data.timeRange.start < timeRange.start) {\n        timeRange.start = data.timeRange.start;\n      }\n      if (data.timeRange.end > timeRange.end) {\n        timeRange.end = data.timeRange.end;\n      }\n    } else if (data && 'values' in data) {\n      for (let i = 0; i < data.values.length; i++) {\n        const values = data.values[i];\n        if (values === undefined) {\n          continue;\n        }\n\n        const [timestamp] = values;\n        const start = new Date(timestamp);\n        const end = new Date(timestamp);\n\n        if (timeRange === undefined) {\n          timeRange = {\n            start,\n            end,\n          };\n          continue;\n        }\n\n        if (start < timeRange.start) {\n          timeRange.start = start;\n        }\n\n        if (end > timeRange.end) {\n          timeRange.end = end;\n        }\n      }\n\n      if (timeRange === undefined) return undefined;\n\n      const startMs = timeRange.start.valueOf();\n      const endMs = timeRange.end.valueOf();\n      const rangeMs = endMs - startMs;\n\n      return { startMs, endMs, rangeMs, stepMs: MIN_STEP_INTERVAL_MS };\n    }\n  }\n\n  if (timeRange === undefined) return undefined;\n\n  // Use the greatest common divisor of all step values as the overall step\n  // for the x axis (or if only one query, just use that query's step value)\n  let stepMs: number;\n  if (steps.length === 1) {\n    stepMs = steps[0] as number;\n  } else {\n    const calculatedStepMs = gcd(...steps);\n    stepMs = calculatedStepMs < MIN_STEP_INTERVAL_MS ? MIN_STEP_INTERVAL_MS : calculatedStepMs;\n  }\n\n  const startMs = timeRange.start.valueOf();\n  const endMs = timeRange.end.valueOf();\n  const rangeMs = endMs - startMs;\n\n  return { startMs, endMs, stepMs, rangeMs };\n}\n"],"names":["gcd","MIN_STEP_INTERVAL_MS","getTimeSeriesValues","series","timeScale","timestamp","startMs","values","processedValues","valueTuple","push","stepMs","endMs","getCommonTimeScale","seriesData","timeRange","undefined","steps","data","start","end","i","length","Date","valueOf","rangeMs","calculatedStepMs"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/time-series-data.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 { AbsoluteTimeRange, TimeScale, TimeSeries, TimeSeriesData, TimeSeriesValueTuple } from '@perses-dev/spec';\n\nimport { gcd } from './mathjs';\n\nexport const MIN_STEP_INTERVAL_MS = 10;\n\n/**\n * Given a TimeSeries from a query and a common time scale (see `getCommonTimeScale`),\n * processes the time series values, filling in any timestamps that are missing\n * from the time series data with `null` values.\n */\nexport function getTimeSeriesValues(series: TimeSeries, timeScale: TimeScale): TimeSeriesValueTuple[] {\n  let timestamp = timeScale.startMs;\n\n  const values = series.values;\n  const processedValues: TimeSeriesValueTuple[] = [];\n\n  for (const valueTuple of values) {\n    // Fill in values up to the current series value timestamp with nulls\n    while (timestamp < valueTuple[0]) {\n      processedValues.push([timestamp, null]);\n      timestamp += timeScale.stepMs;\n    }\n\n    // Now add the current value since timestamp should match\n    processedValues.push([timestamp, valueTuple[1]]);\n    timestamp += timeScale.stepMs;\n  }\n\n  // Add null values at the end of the series if necessary\n  while (timestamp <= timeScale.endMs) {\n    processedValues.push([timestamp, null]);\n    timestamp += timeScale.stepMs;\n  }\n\n  return processedValues;\n}\n\n/**\n * Given a list of running queries, calculates a common time scale for use on\n * the x axis (i.e. start/end dates and a step that is divisible into all of\n * the queries' steps).\n */\nexport function getCommonTimeScale(\n  seriesData: Array<TimeSeriesData | Pick<TimeSeries, 'values'> | undefined>,\n): TimeScale | undefined {\n  let timeRange: AbsoluteTimeRange | undefined = undefined;\n  const steps: number[] = [];\n\n  for (const data of seriesData) {\n    if (data && 'timeRange' in data) {\n      if (data === undefined || data.timeRange === undefined || data.stepMs === undefined) continue;\n\n      // Keep track of query steps so we can calculate a common one for the graph\n      steps.push(data.stepMs);\n\n      // If we don't have an overall time range yet, just start with this one\n      if (timeRange === undefined) {\n        timeRange = data.timeRange;\n        continue;\n      }\n\n      // Otherwise, see if this query has a start or end outside of the current\n      // time range\n      if (data.timeRange.start < timeRange.start) {\n        timeRange.start = data.timeRange.start;\n      }\n      if (data.timeRange.end > timeRange.end) {\n        timeRange.end = data.timeRange.end;\n      }\n    } else if (data && 'values' in data) {\n      for (let i = 0; i < data.values.length; i++) {\n        const values = data.values[i];\n        if (values === undefined) {\n          continue;\n        }\n\n        const [timestamp] = values;\n        const start = new Date(timestamp);\n        const end = new Date(timestamp);\n\n        if (timeRange === undefined) {\n          timeRange = {\n            start,\n            end,\n          };\n          continue;\n        }\n\n        if (start < timeRange.start) {\n          timeRange.start = start;\n        }\n\n        if (end > timeRange.end) {\n          timeRange.end = end;\n        }\n      }\n\n      if (timeRange === undefined) return undefined;\n\n      const startMs = timeRange.start.valueOf();\n      const endMs = timeRange.end.valueOf();\n      const rangeMs = endMs - startMs;\n\n      return { startMs, endMs, rangeMs, stepMs: MIN_STEP_INTERVAL_MS };\n    }\n  }\n\n  if (timeRange === undefined) return undefined;\n\n  // Use the greatest common divisor of all step values as the overall step\n  // for the x axis (or if only one query, just use that query's step value)\n  let stepMs: number;\n  if (steps.length === 1) {\n    stepMs = steps[0] as number;\n  } else {\n    const calculatedStepMs = gcd(...steps);\n    stepMs = calculatedStepMs < MIN_STEP_INTERVAL_MS ? MIN_STEP_INTERVAL_MS : calculatedStepMs;\n  }\n\n  const startMs = timeRange.start.valueOf();\n  const endMs = timeRange.end.valueOf();\n  const rangeMs = endMs - startMs;\n\n  return { startMs, endMs, stepMs, rangeMs };\n}\n"],"names":["gcd","MIN_STEP_INTERVAL_MS","getTimeSeriesValues","series","timeScale","timestamp","startMs","values","processedValues","valueTuple","push","stepMs","endMs","getCommonTimeScale","seriesData","timeRange","undefined","steps","data","start","end","i","length","Date","valueOf","rangeMs","calculatedStepMs"],"mappings":"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"}

package/dist/utils/trace-data.d.ts

@@ -1,5 +1,5 @@
-import { BaseMetadata } from '@perses-dev/spec';
-import { TracesData } from '@perses-dev/spec/dist/dashboard/query-type/otlp/trace/v1/trace';
+import type { BaseMetadata } from '@perses-dev/spec';
+import type { TracesData } from '@perses-dev/spec/dist/dashboard/query-type/otlp/trace/v1/trace';
 /**
  * Partial trace information returned by search endpoint
  */

package/dist/utils/trace-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trace-data.d.ts","sourceRoot":"","sources":["../../src/utils/trace-data.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gEAAgE,CAAC;AAE5F;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEnC,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,oHAAoH;IACpH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAEvD"}
+{"version":3,"file":"trace-data.d.ts","sourceRoot":"","sources":["../../src/utils/trace-data.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gEAAgE,CAAC;AAEjG;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEnC,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,oHAAoH;IACpH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAEvD"}

package/dist/utils/trace-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/trace-data.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 { BaseMetadata } from '@perses-dev/spec';\nimport { TracesData } from '@perses-dev/spec/dist/dashboard/query-type/otlp/trace/v1/trace';\n\n/**\n * Partial trace information returned by search endpoint\n */\nexport interface TraceSearchResult {\n  traceId: string;\n  rootServiceName: string;\n  rootTraceName: string;\n  startTimeUnixMs: number;\n  durationMs: number;\n  serviceStats: Record<string, ServiceStats>;\n}\n\nexport interface ServiceStats {\n  spanCount: number;\n  /** number of spans with errors, unset if zero */\n  errorCount?: number;\n}\n\n/**\n * A generalized data-model that will be used by Panel components\n * to display traces.\n *\n * If the query contains a valid trace ID, the 'trace' attribute will contain the entire trace.\n * If the query contains a TraceQL query, the 'searchResult' attribute will contain the search results.\n */\nexport interface TraceData {\n  trace?: TracesData;\n  searchResult?: TraceSearchResult[];\n\n  metadata?: TraceMetaData;\n}\n\nexport interface TraceMetaData extends BaseMetadata {\n  /** this field indicates if there are more traces matching the search query, however not all traces were returned */\n  hasMoreResults?: boolean;\n  [key: string]: unknown;\n}\n\nexport function isValidTraceId(traceId: string): boolean {\n  return /^[0-9a-fA-F]+$/.test(traceId);\n}\n"],"names":["isValidTraceId","traceId","test"],"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;AA2CjC,OAAO,SAASA,eAAeC,OAAe;IAC5C,OAAO,iBAAiBC,IAAI,CAACD;AAC/B"}
+{"version":3,"sources":["../../src/utils/trace-data.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 { BaseMetadata } from '@perses-dev/spec';\nimport type { TracesData } from '@perses-dev/spec/dist/dashboard/query-type/otlp/trace/v1/trace';\n\n/**\n * Partial trace information returned by search endpoint\n */\nexport interface TraceSearchResult {\n  traceId: string;\n  rootServiceName: string;\n  rootTraceName: string;\n  startTimeUnixMs: number;\n  durationMs: number;\n  serviceStats: Record<string, ServiceStats>;\n}\n\nexport interface ServiceStats {\n  spanCount: number;\n  /** number of spans with errors, unset if zero */\n  errorCount?: number;\n}\n\n/**\n * A generalized data-model that will be used by Panel components\n * to display traces.\n *\n * If the query contains a valid trace ID, the 'trace' attribute will contain the entire trace.\n * If the query contains a TraceQL query, the 'searchResult' attribute will contain the search results.\n */\nexport interface TraceData {\n  trace?: TracesData;\n  searchResult?: TraceSearchResult[];\n\n  metadata?: TraceMetaData;\n}\n\nexport interface TraceMetaData extends BaseMetadata {\n  /** this field indicates if there are more traces matching the search query, however not all traces were returned */\n  hasMoreResults?: boolean;\n  [key: string]: unknown;\n}\n\nexport function isValidTraceId(traceId: string): boolean {\n  return /^[0-9a-fA-F]+$/.test(traceId);\n}\n"],"names":["isValidTraceId","traceId","test"],"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;AA2CjC,OAAO,SAASA,eAAeC,OAAe;IAC5C,OAAO,iBAAiBC,IAAI,CAACD;AAC/B"}

package/dist/utils/transform-data.d.ts

@@ -1,7 +1,12 @@
-import { Transform } from '../model';
+import type { Transform } from '../model';
 export declare function applyJoinTransform(data: Array<Record<string, unknown>>, columns: string[]): Array<Record<string, unknown>>;
 export declare function applyMergeColumnsTransform(data: Array<Record<string, unknown>>, selectedColumns: string[], outputName: string): Array<Record<string, unknown>>;
 export declare function applyMergeIndexedColumnsTransform(data: Array<Record<string, unknown>>, column: string): Array<Record<string, unknown>>;
 export declare function applyMergeSeriesTransform(data: Array<Record<string, unknown>>): Array<Record<string, unknown>>;
+/**
+ * Pivot: rows grouped by rowField, dynamic columns from columnLabel values.
+ * Last value wins on duplicate (time, label).
+ */
+export declare function applyPivotByLabelTransform(data: Array<Record<string, unknown>>, columnLabel: string, rowField?: string, valueField?: string, rowColumnName?: string): Array<Record<string, unknown>>;
 export declare function transformData(data: Array<Record<string, unknown>>, transforms: Transform[]): Array<Record<string, unknown>>;
 //# sourceMappingURL=transform-data.d.ts.map

package/dist/utils/transform-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transform-data.d.ts","sourceRoot":"","sources":["../../src/utils/transform-data.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqBrC,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,OAAO,EAAE,MAAM,EAAE,GAChB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAsBhC;AA0BD,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,eAAe,EAAE,MAAM,EAAE,EACzB,UAAU,EAAE,MAAM,GACjB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAuBhC;AA0BD,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,MAAM,EAAE,MAAM,GACb,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAwBhC;AAmBD,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAmB9G;AAKD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,UAAU,EAAE,SAAS,EAAE,GACtB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CA2ChC"}
+{"version":3,"file":"transform-data.d.ts","sourceRoot":"","sources":["../../src/utils/transform-data.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqB1C,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,OAAO,EAAE,MAAM,EAAE,GAChB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAsBhC;AA0BD,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,eAAe,EAAE,MAAM,EAAE,EACzB,UAAU,EAAE,MAAM,GACjB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAuBhC;AA0BD,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,MAAM,EAAE,MAAM,GACb,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAwBhC;AAmBD,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAmB9G;AAaD;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,WAAW,EAAE,MAAM,EACnB,QAAQ,SAAc,EACtB,UAAU,SAAU,EACpB,aAAa,CAAC,EAAE,MAAM,GACrB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAqEhC;AAKD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACpC,UAAU,EAAE,SAAS,EAAE,GACtB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAgEhC"}

package/dist/utils/transform-data.js

@@ -165,13 +165,99 @@
     result = applyJoinTransform(result, labelColumns);
     return result;
 }
+/** Treat empty string like omitted (editor / CUE can emit ""). */ function nonEmpty(s, fallback) {
+    return s?.trim() || fallback;
+}
+/** Resolve column key including MergeSeries suffixes ("value #2"). */ function resolvePivotKey(row, base) {
+    if (Object.hasOwn(row, base)) return base;
+    return Object.keys(row).find((k)=>k === base || k.startsWith(base + ' #') || k.startsWith(base + '#'));
+}
+/**
+ * Pivot: rows grouped by rowField, dynamic columns from columnLabel values.
+ * Last value wins on duplicate (time, label).
+ */ export function applyPivotByLabelTransform(data, columnLabel, rowField = 'timestamp', valueField = 'value', rowColumnName) {
+    if (!columnLabel || data.length === 0) {
+        return data;
+    }
+    const rowFieldName = nonEmpty(rowField, 'timestamp');
+    const valueFieldName = nonEmpty(valueField, 'value');
+    const rowCol = nonEmpty(rowColumnName, rowFieldName);
+    const labelSet = new Set();
+    const groups = new Map();
+    for (const row of data){
+        const rowKeyName = resolvePivotKey(row, rowFieldName);
+        const labelKeyName = resolvePivotKey(row, columnLabel);
+        const valueKeyName = resolvePivotKey(row, valueFieldName);
+        if (rowKeyName === undefined || labelKeyName === undefined) {
+            continue;
+        }
+        const rowKey = row[rowKeyName];
+        const label = row[labelKeyName];
+        if (rowKey === undefined || rowKey === null || label === undefined || label === null) {
+            continue;
+        }
+        // Avoid clobbering the row identity column when a series label equals rowCol.
+        // Skip blank labels (empty string / whitespace-only) — not meaningful column headers.
+        let labelStr = String(label).trim();
+        if (!labelStr) {
+            continue;
+        }
+        if (labelStr === rowCol) {
+            labelStr = `${labelStr} (value)`;
+        }
+        labelSet.add(labelStr);
+        const groupId = String(rowKey);
+        let out = groups.get(groupId);
+        if (!out) {
+            out = {
+                [rowCol]: rowKey
+            };
+            groups.set(groupId, out);
+        }
+        if (valueKeyName !== undefined) {
+            out[labelStr] = row[valueKeyName];
+        }
+    }
+    // Fresh copy from Set — mutate with sort() (no need for toSorted extra copy).
+    const labels = [
+        ...labelSet
+    ];
+    labels.sort((a, b)=>a.localeCompare(b));
+    const entries = [
+        ...groups.entries()
+    ];
+    entries.sort((a, b)=>{
+        const va = a[1][rowCol];
+        const vb = b[1][rowCol];
+        if (typeof va === 'number' && typeof vb === 'number') {
+            return vb - va;
+        }
+        return String(vb).localeCompare(String(va));
+    });
+    return entries.map(([, row])=>{
+        const ordered = {
+            [rowCol]: row[rowCol]
+        };
+        for (const lab of labels){
+            if (Object.hasOwn(row, lab)) {
+                ordered[lab] = row[lab];
+            }
+        }
+        return ordered;
+    });
+}
 /*
  * Transforms query data with the given transforms
  */ export function transformData(data, transforms) {
     let result = data;
+    // Only skip final alpha sort when the last *enabled* transform is PivotByLabel
+    // (pivot already orders: row column first, then labels). Intermediate pivots must
+    // not leave skipAlphaSort stuck true for later transforms.
+    let lastEnabledKind;
     // Apply transforms by their orders
     for (const transform of transforms ?? []){
         if (transform.spec.disabled) continue;
+        lastEnabledKind = transform.kind;
         switch(transform.kind){
             case 'JoinByColumnValue':
                 {
@@ -199,11 +285,21 @@
                     result = applyMergeSeriesTransform(result);
                     break;
                 }
+            case 'PivotByLabel':
+                {
+                    if (transform.spec.columnLabel) {
+                        result = applyPivotByLabelTransform(result, transform.spec.columnLabel, nonEmpty(transform.spec.rowField, 'timestamp'), nonEmpty(transform.spec.valueField, 'value'), transform.spec.rowColumnName);
+                    }
+                    break;
+                }
         }
     }
+    if (lastEnabledKind === 'PivotByLabel') {
+        return result;
+    }
     // Ordering data column alphabetically
     result = result.map((row)=>{
-        return Object.keys(row).sort().reduce((obj, key)=>{
+        return Object.keys(row).toSorted().reduce((obj, key)=>{
             obj[key] = row[key];
             return obj;
         }, {});

package/dist/utils/transform-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/transform-data.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 { Transform } from '../model';\n\n/*\n * Join: Regroup rows with equal cell value in a column.\n * If there are multiple line with same value, next row values override the current one\n *\n * Example: Join on 'mount' column\n * INPUT:\n * | timestamp  | value #1 | value #3 | mount     |\n * |------------|----------|----------|-----------|\n * | 1630000000 | 1        |          | /         |\n * | 1630000000 | 2        |          | /boot/efi |\n * | 1630000000 |          | 3        | /         |\n * | 1630000000 |          | 4        | /boot/efi |\n *\n * OUTPUT:\n * | timestamp  | value #1 | value #3 | mount     |\n * |------------|----------|----------|-----------|\n * | 1630000000 | 1        | 3        | /         |\n * | 1630000000 | 2        | 4        | /boot/efi |\n */\nexport function applyJoinTransform(\n  data: Array<Record<string, unknown>>,\n  columns: string[]\n): Array<Record<string, unknown>> {\n  // If column is undefined or empty, return data as is\n  if (columns.length === 0) {\n    return data;\n  }\n\n  const rowHashed: { [key: string]: Record<string, unknown> } = {};\n\n  for (const row of data) {\n    const rowHash = Object.keys(row)\n      .filter((k) => columns.includes(k))\n      .map((k) => row[k])\n      .join('|');\n\n    const rowHashedValue = rowHashed[rowHash];\n    if (rowHashedValue) {\n      rowHashed[rowHash] = { ...rowHashedValue, ...row };\n    } else {\n      rowHashed[rowHash] = { ...row };\n    }\n  }\n  return Object.values(rowHashed);\n}\n\n/*\n * Merges selected columns into a single column.\n *\n * Example: Merge columns 'value #1' and 'value #2' into a single column 'MERGED'\n * INPUT:\n * +------------+----------+----------+-----------+-----------+\n * | timestamp  | value #1 | value #2 | mount #1  | mount #2  |\n * +------------+----------+----------+-----------+-----------+\n * | 1630000000 | 1        |          | /         |           |\n * | 1630000000 | 2        |          | /boot/efi |           |\n * | 1630000000 |          | 3        |           | /         |\n * | 1630000000 |          | 4        |           | /boot/efi |\n * +------------+----------+----------+-----------+-----------+\n *\n * OUTPUT:\n * +------------+--------+-----------+-----------+\n * | timestamp  | MERGED | mount #1  | mount #2  |\n * +------------+--------+-----------+-----------+\n * | 1630000000 | 1      | /         |           |\n * | 1630000000 | 2      | /boot/efi |           |\n * | 1630000000 | 2      |           | /         |\n * | 1630000000 | 3      |           | /boot/efi |\n * +------------+--------+-----------+-----------+\n */\nexport function applyMergeColumnsTransform(\n  data: Array<Record<string, unknown>>,\n  selectedColumns: string[],\n  outputName: string\n): Array<Record<string, unknown>> {\n  const result: Array<Record<string, unknown>> = [];\n\n  for (const row of data) {\n    const columns = Object.keys(row).filter((k) => selectedColumns.includes(k));\n\n    const selectedColumnValues: Record<string, unknown> = {};\n\n    for (const column of columns) {\n      selectedColumnValues[column] = row[column];\n      delete row[column];\n    }\n\n    for (const column of columns) {\n      result.push({ ...row, [outputName]: selectedColumnValues[column] });\n    }\n\n    if (columns.length === 0) {\n      result.push(row);\n    }\n  }\n\n  return result;\n}\n\n/*\n * Merge Indexed Columns: All indexed columns are merged to one column\n *\n * Example: Join on 'value' column\n * INPUT:\n * | timestamp #1 | timestamp #2 | value #1 | value #2 | instance #1 | instance #2 |\n * |--------------|--------------|----------|----------|-------------|-------------|\n * | 1630000000   |              | 55       |          | toto        |             |\n * | 1630000000   |              | 33       |          | toto        |             |\n * | 1630000000   |              | 45       |          | toto        |             |\n * |              | 1630000000   |          | 112      |             | titi        |\n * |              | 1630000000   |          | 20       |             | titi        |\n * |              | 1630000000   |          | 10       |             | titi        |\n *\n * OUTPUT:\n * | timestamp #1 | timestamp #2 | value | instance #1 | instance #2 |\n * |--------------|--------------|-------|-------------|-------------|\n * | 1630000000   |              | 55    | toto        |             |\n * | 1630000000   |              | 33    | toto        |             |\n * | 1630000000   |              | 45    | toto        |             |\n * |              | 1630000000   | 112   |             | titi        |\n * |              | 1630000000   | 20    |             | titi        |\n * |              | 1630000000   | 10    |             | titi        |\n */\nexport function applyMergeIndexedColumnsTransform(\n  data: Array<Record<string, unknown>>,\n  column: string\n): Array<Record<string, unknown>> {\n  const result: Array<Record<string, unknown>> = [];\n\n  for (const entry of data) {\n    const indexedColumns = Object.keys(entry).filter((k) =>\n      new RegExp('^((' + column + ' #\\\\d+)|(' + column + '))$').test(k)\n    );\n    const indexedColumnValues: Record<string, unknown> = {};\n\n    for (const indexedColumn of indexedColumns) {\n      indexedColumnValues[indexedColumn] = entry[indexedColumn];\n      delete entry[indexedColumn];\n    }\n\n    for (const indexedColumn of indexedColumns) {\n      result.push({ ...entry, [column]: indexedColumnValues[indexedColumn] });\n    }\n\n    if (indexedColumns.length === 0) {\n      result.push(entry);\n    }\n  }\n\n  return result;\n}\n\n/*\n * Merge Indexed Columns: All indexed columns are merged to one column\n *\n * INPUT:\n * | timestamp  | value #1 | value #2 | mount #1  | mount #2  | instance #1 | instance #2 | env #1 | env #2 |\n * |------------|----------|----------|-----------|-----------|-------------|-------------|--------|--------|\n * | 1630000000 | 1        |          | /         |           | test:44     |             | prd    |        |\n * | 1630000000 | 2        |          | /boot/efi |           | test:44     |             | prd    |        |\n * | 1630000000 |          | 5        |           | /         |             | test:44     |        | prd    |\n * | 1630000000 |          | 6        |           | /boot/efi |             | test:44     |        | prd    |\n *\n * OUTPUT:\n * | timestamp  | value #1 | value #2 | mount     | instance | env |\n * |------------|----------|----------|-----------|----------|-----|\n * | 1630000000 | 1        | 5        | /         | test:44  | prd |\n * | 1630000000 | 2        | 6        | /boot/efi | test:44  | prd |\n */\nexport function applyMergeSeriesTransform(data: Array<Record<string, unknown>>): Array<Record<string, unknown>> {\n  let result: Array<Record<string, unknown>> = [...data];\n\n  const labelColumns = Array.from(\n    new Set(\n      data\n        .flatMap(Object.keys)\n        .map((label) => label.replace(/ #\\d+/, ''))\n        .filter((label) => label !== 'value')\n    )\n  );\n\n  for (const label of labelColumns) {\n    result = applyMergeIndexedColumnsTransform(result, label);\n  }\n\n  result = applyJoinTransform(result, labelColumns);\n\n  return result;\n}\n\n/*\n * Transforms query data with the given transforms\n */\nexport function transformData(\n  data: Array<Record<string, unknown>>,\n  transforms: Transform[]\n): Array<Record<string, unknown>> {\n  let result: Array<Record<string, unknown>> = data;\n\n  // Apply transforms by their orders\n  for (const transform of transforms ?? []) {\n    if (transform.spec.disabled) continue;\n\n    switch (transform.kind) {\n      case 'JoinByColumnValue': {\n        if (transform.spec.columns && transform.spec.columns.length > 0) {\n          result = applyJoinTransform(result, transform.spec.columns);\n        }\n        break;\n      }\n      case 'MergeIndexedColumns': {\n        if (transform.spec.column) {\n          result = applyMergeIndexedColumnsTransform(result, transform.spec.column);\n        }\n        break;\n      }\n      case 'MergeColumns': {\n        if (transform.spec.columns && transform.spec.columns.length > 0 && transform.spec.name) {\n          result = applyMergeColumnsTransform(result, transform.spec.columns, transform.spec.name);\n        }\n        break;\n      }\n      case 'MergeSeries': {\n        result = applyMergeSeriesTransform(result);\n        break;\n      }\n    }\n  }\n\n  // Ordering data column alphabetically\n  result = result.map((row) => {\n    return Object.keys(row)\n      .sort()\n      .reduce((obj: Record<string, unknown>, key: string) => {\n        obj[key] = row[key];\n        return obj;\n      }, {});\n  });\n  return result;\n}\n"],"names":["applyJoinTransform","data","columns","length","rowHashed","row","rowHash","Object","keys","filter","k","includes","map","join","rowHashedValue","values","applyMergeColumnsTransform","selectedColumns","outputName","result","selectedColumnValues","column","push","applyMergeIndexedColumnsTransform","entry","indexedColumns","RegExp","test","indexedColumnValues","indexedColumn","applyMergeSeriesTransform","labelColumns","Array","from","Set","flatMap","label","replace","transformData","transforms","transform","spec","disabled","kind","name","sort","reduce","obj","key"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/transform-data.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 { Transform } from '../model';\n\n/*\n * Join: Regroup rows with equal cell value in a column.\n * If there are multiple line with same value, next row values override the current one\n *\n * Example: Join on 'mount' column\n * INPUT:\n * | timestamp  | value #1 | value #3 | mount     |\n * |------------|----------|----------|-----------|\n * | 1630000000 | 1        |          | /         |\n * | 1630000000 | 2        |          | /boot/efi |\n * | 1630000000 |          | 3        | /         |\n * | 1630000000 |          | 4        | /boot/efi |\n *\n * OUTPUT:\n * | timestamp  | value #1 | value #3 | mount     |\n * |------------|----------|----------|-----------|\n * | 1630000000 | 1        | 3        | /         |\n * | 1630000000 | 2        | 4        | /boot/efi |\n */\nexport function applyJoinTransform(\n  data: Array<Record<string, unknown>>,\n  columns: string[],\n): Array<Record<string, unknown>> {\n  // If column is undefined or empty, return data as is\n  if (columns.length === 0) {\n    return data;\n  }\n\n  const rowHashed: { [key: string]: Record<string, unknown> } = {};\n\n  for (const row of data) {\n    const rowHash = Object.keys(row)\n      .filter((k) => columns.includes(k))\n      .map((k) => row[k])\n      .join('|');\n\n    const rowHashedValue = rowHashed[rowHash];\n    if (rowHashedValue) {\n      rowHashed[rowHash] = { ...rowHashedValue, ...row };\n    } else {\n      rowHashed[rowHash] = { ...row };\n    }\n  }\n  return Object.values(rowHashed);\n}\n\n/*\n * Merges selected columns into a single column.\n *\n * Example: Merge columns 'value #1' and 'value #2' into a single column 'MERGED'\n * INPUT:\n * +------------+----------+----------+-----------+-----------+\n * | timestamp  | value #1 | value #2 | mount #1  | mount #2  |\n * +------------+----------+----------+-----------+-----------+\n * | 1630000000 | 1        |          | /         |           |\n * | 1630000000 | 2        |          | /boot/efi |           |\n * | 1630000000 |          | 3        |           | /         |\n * | 1630000000 |          | 4        |           | /boot/efi |\n * +------------+----------+----------+-----------+-----------+\n *\n * OUTPUT:\n * +------------+--------+-----------+-----------+\n * | timestamp  | MERGED | mount #1  | mount #2  |\n * +------------+--------+-----------+-----------+\n * | 1630000000 | 1      | /         |           |\n * | 1630000000 | 2      | /boot/efi |           |\n * | 1630000000 | 2      |           | /         |\n * | 1630000000 | 3      |           | /boot/efi |\n * +------------+--------+-----------+-----------+\n */\nexport function applyMergeColumnsTransform(\n  data: Array<Record<string, unknown>>,\n  selectedColumns: string[],\n  outputName: string,\n): Array<Record<string, unknown>> {\n  const result: Array<Record<string, unknown>> = [];\n\n  for (const row of data) {\n    const columns = Object.keys(row).filter((k) => selectedColumns.includes(k));\n\n    const selectedColumnValues: Record<string, unknown> = {};\n\n    for (const column of columns) {\n      selectedColumnValues[column] = row[column];\n      delete row[column];\n    }\n\n    for (const column of columns) {\n      result.push({ ...row, [outputName]: selectedColumnValues[column] });\n    }\n\n    if (columns.length === 0) {\n      result.push(row);\n    }\n  }\n\n  return result;\n}\n\n/*\n * Merge Indexed Columns: All indexed columns are merged to one column\n *\n * Example: Join on 'value' column\n * INPUT:\n * | timestamp #1 | timestamp #2 | value #1 | value #2 | instance #1 | instance #2 |\n * |--------------|--------------|----------|----------|-------------|-------------|\n * | 1630000000   |              | 55       |          | toto        |             |\n * | 1630000000   |              | 33       |          | toto        |             |\n * | 1630000000   |              | 45       |          | toto        |             |\n * |              | 1630000000   |          | 112      |             | titi        |\n * |              | 1630000000   |          | 20       |             | titi        |\n * |              | 1630000000   |          | 10       |             | titi        |\n *\n * OUTPUT:\n * | timestamp #1 | timestamp #2 | value | instance #1 | instance #2 |\n * |--------------|--------------|-------|-------------|-------------|\n * | 1630000000   |              | 55    | toto        |             |\n * | 1630000000   |              | 33    | toto        |             |\n * | 1630000000   |              | 45    | toto        |             |\n * |              | 1630000000   | 112   |             | titi        |\n * |              | 1630000000   | 20    |             | titi        |\n * |              | 1630000000   | 10    |             | titi        |\n */\nexport function applyMergeIndexedColumnsTransform(\n  data: Array<Record<string, unknown>>,\n  column: string,\n): Array<Record<string, unknown>> {\n  const result: Array<Record<string, unknown>> = [];\n\n  for (const entry of data) {\n    const indexedColumns = Object.keys(entry).filter((k) =>\n      new RegExp('^((' + column + ' #\\\\d+)|(' + column + '))$').test(k),\n    );\n    const indexedColumnValues: Record<string, unknown> = {};\n\n    for (const indexedColumn of indexedColumns) {\n      indexedColumnValues[indexedColumn] = entry[indexedColumn];\n      delete entry[indexedColumn];\n    }\n\n    for (const indexedColumn of indexedColumns) {\n      result.push({ ...entry, [column]: indexedColumnValues[indexedColumn] });\n    }\n\n    if (indexedColumns.length === 0) {\n      result.push(entry);\n    }\n  }\n\n  return result;\n}\n\n/*\n * Merge Indexed Columns: All indexed columns are merged to one column\n *\n * INPUT:\n * | timestamp  | value #1 | value #2 | mount #1  | mount #2  | instance #1 | instance #2 | env #1 | env #2 |\n * |------------|----------|----------|-----------|-----------|-------------|-------------|--------|--------|\n * | 1630000000 | 1        |          | /         |           | test:44     |             | prd    |        |\n * | 1630000000 | 2        |          | /boot/efi |           | test:44     |             | prd    |        |\n * | 1630000000 |          | 5        |           | /         |             | test:44     |        | prd    |\n * | 1630000000 |          | 6        |           | /boot/efi |             | test:44     |        | prd    |\n *\n * OUTPUT:\n * | timestamp  | value #1 | value #2 | mount     | instance | env |\n * |------------|----------|----------|-----------|----------|-----|\n * | 1630000000 | 1        | 5        | /         | test:44  | prd |\n * | 1630000000 | 2        | 6        | /boot/efi | test:44  | prd |\n */\nexport function applyMergeSeriesTransform(data: Array<Record<string, unknown>>): Array<Record<string, unknown>> {\n  let result: Array<Record<string, unknown>> = [...data];\n\n  const labelColumns = Array.from(\n    new Set(\n      data\n        .flatMap(Object.keys)\n        .map((label) => label.replace(/ #\\d+/, ''))\n        .filter((label) => label !== 'value'),\n    ),\n  );\n\n  for (const label of labelColumns) {\n    result = applyMergeIndexedColumnsTransform(result, label);\n  }\n\n  result = applyJoinTransform(result, labelColumns);\n\n  return result;\n}\n\n/** Treat empty string like omitted (editor / CUE can emit \"\"). */\nfunction nonEmpty(s: string | undefined, fallback: string): string {\n  return s?.trim() || fallback;\n}\n\n/** Resolve column key including MergeSeries suffixes (\"value #2\"). */\nfunction resolvePivotKey(row: Record<string, unknown>, base: string): string | undefined {\n  if (Object.hasOwn(row, base)) return base;\n  return Object.keys(row).find((k) => k === base || k.startsWith(base + ' #') || k.startsWith(base + '#'));\n}\n\n/**\n * Pivot: rows grouped by rowField, dynamic columns from columnLabel values.\n * Last value wins on duplicate (time, label).\n */\nexport function applyPivotByLabelTransform(\n  data: Array<Record<string, unknown>>,\n  columnLabel: string,\n  rowField = 'timestamp',\n  valueField = 'value',\n  rowColumnName?: string,\n): Array<Record<string, unknown>> {\n  if (!columnLabel || data.length === 0) {\n    return data;\n  }\n\n  const rowFieldName = nonEmpty(rowField, 'timestamp');\n  const valueFieldName = nonEmpty(valueField, 'value');\n  const rowCol = nonEmpty(rowColumnName, rowFieldName);\n\n  const labelSet = new Set<string>();\n  const groups = new Map<string, Record<string, unknown>>();\n\n  for (const row of data) {\n    const rowKeyName = resolvePivotKey(row, rowFieldName);\n    const labelKeyName = resolvePivotKey(row, columnLabel);\n    const valueKeyName = resolvePivotKey(row, valueFieldName);\n    if (rowKeyName === undefined || labelKeyName === undefined) {\n      continue;\n    }\n\n    const rowKey = row[rowKeyName];\n    const label = row[labelKeyName];\n    if (rowKey === undefined || rowKey === null || label === undefined || label === null) {\n      continue;\n    }\n\n    // Avoid clobbering the row identity column when a series label equals rowCol.\n    // Skip blank labels (empty string / whitespace-only) — not meaningful column headers.\n    let labelStr = String(label).trim();\n    if (!labelStr) {\n      continue;\n    }\n    if (labelStr === rowCol) {\n      labelStr = `${labelStr} (value)`;\n    }\n    labelSet.add(labelStr);\n    const groupId = String(rowKey);\n\n    let out = groups.get(groupId);\n    if (!out) {\n      out = { [rowCol]: rowKey };\n      groups.set(groupId, out);\n    }\n    if (valueKeyName !== undefined) {\n      out[labelStr] = row[valueKeyName];\n    }\n  }\n\n  // Fresh copy from Set — mutate with sort() (no need for toSorted extra copy).\n  const labels = [...labelSet];\n  labels.sort((a, b) => a.localeCompare(b));\n  const entries = [...groups.entries()];\n  entries.sort((a, b) => {\n    const va = a[1][rowCol];\n    const vb = b[1][rowCol];\n    if (typeof va === 'number' && typeof vb === 'number') {\n      return vb - va;\n    }\n    return String(vb).localeCompare(String(va));\n  });\n  return entries.map(([, row]) => {\n    const ordered: Record<string, unknown> = { [rowCol]: row[rowCol] };\n    for (const lab of labels) {\n      if (Object.hasOwn(row, lab)) {\n        ordered[lab] = row[lab];\n      }\n    }\n    return ordered;\n  });\n}\n\n/*\n * Transforms query data with the given transforms\n */\nexport function transformData(\n  data: Array<Record<string, unknown>>,\n  transforms: Transform[],\n): Array<Record<string, unknown>> {\n  let result: Array<Record<string, unknown>> = data;\n  // Only skip final alpha sort when the last *enabled* transform is PivotByLabel\n  // (pivot already orders: row column first, then labels). Intermediate pivots must\n  // not leave skipAlphaSort stuck true for later transforms.\n  let lastEnabledKind: Transform['kind'] | undefined;\n\n  // Apply transforms by their orders\n  for (const transform of transforms ?? []) {\n    if (transform.spec.disabled) continue;\n    lastEnabledKind = transform.kind;\n\n    switch (transform.kind) {\n      case 'JoinByColumnValue': {\n        if (transform.spec.columns && transform.spec.columns.length > 0) {\n          result = applyJoinTransform(result, transform.spec.columns);\n        }\n        break;\n      }\n      case 'MergeIndexedColumns': {\n        if (transform.spec.column) {\n          result = applyMergeIndexedColumnsTransform(result, transform.spec.column);\n        }\n        break;\n      }\n      case 'MergeColumns': {\n        if (transform.spec.columns && transform.spec.columns.length > 0 && transform.spec.name) {\n          result = applyMergeColumnsTransform(result, transform.spec.columns, transform.spec.name);\n        }\n        break;\n      }\n      case 'MergeSeries': {\n        result = applyMergeSeriesTransform(result);\n        break;\n      }\n      case 'PivotByLabel': {\n        if (transform.spec.columnLabel) {\n          result = applyPivotByLabelTransform(\n            result,\n            transform.spec.columnLabel,\n            nonEmpty(transform.spec.rowField, 'timestamp'),\n            nonEmpty(transform.spec.valueField, 'value'),\n            transform.spec.rowColumnName,\n          );\n        }\n        break;\n      }\n    }\n  }\n\n  if (lastEnabledKind === 'PivotByLabel') {\n    return result;\n  }\n\n  // Ordering data column alphabetically\n  result = result.map((row) => {\n    return Object.keys(row)\n      .toSorted()\n      .reduce((obj: Record<string, unknown>, key: string) => {\n        obj[key] = row[key];\n        return obj;\n      }, {});\n  });\n  return result;\n}\n"],"names":["applyJoinTransform","data","columns","length","rowHashed","row","rowHash","Object","keys","filter","k","includes","map","join","rowHashedValue","values","applyMergeColumnsTransform","selectedColumns","outputName","result","selectedColumnValues","column","push","applyMergeIndexedColumnsTransform","entry","indexedColumns","RegExp","test","indexedColumnValues","indexedColumn","applyMergeSeriesTransform","labelColumns","Array","from","Set","flatMap","label","replace","nonEmpty","s","fallback","trim","resolvePivotKey","base","hasOwn","find","startsWith","applyPivotByLabelTransform","columnLabel","rowField","valueField","rowColumnName","rowFieldName","valueFieldName","rowCol","labelSet","groups","Map","rowKeyName","labelKeyName","valueKeyName","undefined","rowKey","labelStr","String","add","groupId","out","get","set","labels","sort","a","b","localeCompare","entries","va","vb","ordered","lab","transformData","transforms","lastEnabledKind","transform","spec","disabled","kind","name","toSorted","reduce","obj","key"],"mappings":"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"}

package/dist/utils/value-mapping.d.ts

@@ -1,3 +1,3 @@
-import { MappedValue, ValueMapping } from '../model';
+import type { MappedValue, ValueMapping } from '../model';
 export declare function applyValueMapping(value: number | string, mappings?: ValueMapping[]): MappedValue;
 //# sourceMappingURL=value-mapping.d.ts.map

package/dist/utils/value-mapping.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"value-mapping.d.ts","sourceRoot":"","sources":["../../src/utils/value-mapping.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGrD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,GAAE,YAAY,EAAO,GAAG,WAAW,CAkEpG"}
+{"version":3,"file":"value-mapping.d.ts","sourceRoot":"","sources":["../../src/utils/value-mapping.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG1D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,GAAE,YAAY,EAAO,GAAG,WAAW,CAkEpG"}

package/dist/utils/value-mapping.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 { createRegexFromString } from './regexp';
+import { createRegexFromString } from "./regexp.js";
 export function applyValueMapping(value, mappings = []) {
     if (!mappings.length) {
         return {

package/dist/utils/value-mapping.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/value-mapping.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 { MappedValue, ValueMapping } from '../model';\nimport { createRegexFromString } from './regexp';\n\nexport function applyValueMapping(value: number | string, mappings: ValueMapping[] = []): MappedValue {\n  if (!mappings.length) {\n    return { value };\n  }\n\n  const mappedItem: MappedValue = { value };\n\n  mappings.forEach((mapping) => {\n    switch (mapping.kind) {\n      case 'Value': {\n        const valueOptions = mapping.spec;\n\n        if (String(valueOptions.value) === String(value)) {\n          mappedItem.value = valueOptions.result.value || mappedItem.value;\n          mappedItem.color = valueOptions.result.color;\n        }\n        break;\n      }\n      case 'Range': {\n        const rangeOptions = mapping.spec;\n        const newValue = value as number;\n\n        if (rangeOptions.from === undefined && rangeOptions.to === undefined) {\n          break;\n        }\n\n        const from = rangeOptions.from !== undefined ? rangeOptions.from : -Infinity;\n        const to = rangeOptions.to !== undefined ? rangeOptions.to : Infinity;\n        if (newValue >= from && newValue <= to) {\n          mappedItem.value = rangeOptions.result.value || mappedItem.value;\n          mappedItem.color = rangeOptions.result.color;\n        }\n        break;\n      }\n      case 'Regex': {\n        const regexOptions = mapping.spec;\n        const stringValue = value.toString();\n\n        if (!regexOptions.pattern) {\n          break;\n        }\n\n        const regex = createRegexFromString(regexOptions.pattern);\n\n        if (stringValue.match(regex)) {\n          if (regexOptions.result.value !== null) {\n            mappedItem.value =\n              stringValue.replace(regex, regexOptions.result.value.toString() || '') || mappedItem.value;\n            mappedItem.color = regexOptions.result.color;\n          }\n        }\n        break;\n      }\n      case 'Misc': {\n        const miscOptions = mapping.spec;\n        if (isMiscValueMatch(miscOptions.value, value)) {\n          mappedItem.value = miscOptions.result.value || mappedItem.value;\n          mappedItem.color = miscOptions.result.color;\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  });\n  return mappedItem;\n}\n\nfunction isMiscValueMatch(miscValue: string, value: number | string | boolean): boolean {\n  switch (miscValue) {\n    case 'empty':\n      return value === '';\n    case 'null':\n      return value === null || value === undefined;\n    case 'NaN':\n      return Number.isNaN(value);\n    case 'true':\n      return value === true;\n    case 'false':\n      return value === false;\n    default:\n      return false;\n  }\n}\n"],"names":["createRegexFromString","applyValueMapping","value","mappings","length","mappedItem","forEach","mapping","kind","valueOptions","spec","String","result","color","rangeOptions","newValue","from","undefined","to","Infinity","regexOptions","stringValue","toString","pattern","regex","match","replace","miscOptions","isMiscValueMatch","miscValue","Number","isNaN"],"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,SAASA,qBAAqB,QAAQ,WAAW;AAEjD,OAAO,SAASC,kBAAkBC,KAAsB,EAAEC,WAA2B,EAAE;IACrF,IAAI,CAACA,SAASC,MAAM,EAAE;QACpB,OAAO;YAAEF;QAAM;IACjB;IAEA,MAAMG,aAA0B;QAAEH;IAAM;IAExCC,SAASG,OAAO,CAAC,CAACC;QAChB,OAAQA,QAAQC,IAAI;YAClB,KAAK;gBAAS;oBACZ,MAAMC,eAAeF,QAAQG,IAAI;oBAEjC,IAAIC,OAAOF,aAAaP,KAAK,MAAMS,OAAOT,QAAQ;wBAChDG,WAAWH,KAAK,GAAGO,aAAaG,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAChEG,WAAWQ,KAAK,GAAGJ,aAAaG,MAAM,CAACC,KAAK;oBAC9C;oBACA;gBACF;YACA,KAAK;gBAAS;oBACZ,MAAMC,eAAeP,QAAQG,IAAI;oBACjC,MAAMK,WAAWb;oBAEjB,IAAIY,aAAaE,IAAI,KAAKC,aAAaH,aAAaI,EAAE,KAAKD,WAAW;wBACpE;oBACF;oBAEA,MAAMD,OAAOF,aAAaE,IAAI,KAAKC,YAAYH,aAAaE,IAAI,GAAG,CAACG;oBACpE,MAAMD,KAAKJ,aAAaI,EAAE,KAAKD,YAAYH,aAAaI,EAAE,GAAGC;oBAC7D,IAAIJ,YAAYC,QAAQD,YAAYG,IAAI;wBACtCb,WAAWH,KAAK,GAAGY,aAAaF,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAChEG,WAAWQ,KAAK,GAAGC,aAAaF,MAAM,CAACC,KAAK;oBAC9C;oBACA;gBACF;YACA,KAAK;gBAAS;oBACZ,MAAMO,eAAeb,QAAQG,IAAI;oBACjC,MAAMW,cAAcnB,MAAMoB,QAAQ;oBAElC,IAAI,CAACF,aAAaG,OAAO,EAAE;wBACzB;oBACF;oBAEA,MAAMC,QAAQxB,sBAAsBoB,aAAaG,OAAO;oBAExD,IAAIF,YAAYI,KAAK,CAACD,QAAQ;wBAC5B,IAAIJ,aAAaR,MAAM,CAACV,KAAK,KAAK,MAAM;4BACtCG,WAAWH,KAAK,GACdmB,YAAYK,OAAO,CAACF,OAAOJ,aAAaR,MAAM,CAACV,KAAK,CAACoB,QAAQ,MAAM,OAAOjB,WAAWH,KAAK;4BAC5FG,WAAWQ,KAAK,GAAGO,aAAaR,MAAM,CAACC,KAAK;wBAC9C;oBACF;oBACA;gBACF;YACA,KAAK;gBAAQ;oBACX,MAAMc,cAAcpB,QAAQG,IAAI;oBAChC,IAAIkB,iBAAiBD,YAAYzB,KAAK,EAAEA,QAAQ;wBAC9CG,WAAWH,KAAK,GAAGyB,YAAYf,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAC/DG,WAAWQ,KAAK,GAAGc,YAAYf,MAAM,CAACC,KAAK;oBAC7C;oBACA;gBACF;YACA;gBACE;QACJ;IACF;IACA,OAAOR;AACT;AAEA,SAASuB,iBAAiBC,SAAiB,EAAE3B,KAAgC;IAC3E,OAAQ2B;QACN,KAAK;YACH,OAAO3B,UAAU;QACnB,KAAK;YACH,OAAOA,UAAU,QAAQA,UAAUe;QACrC,KAAK;YACH,OAAOa,OAAOC,KAAK,CAAC7B;QACtB,KAAK;YACH,OAAOA,UAAU;QACnB,KAAK;YACH,OAAOA,UAAU;QACnB;YACE,OAAO;IACX;AACF"}
+{"version":3,"sources":["../../src/utils/value-mapping.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 { MappedValue, ValueMapping } from '../model';\nimport { createRegexFromString } from './regexp';\n\nexport function applyValueMapping(value: number | string, mappings: ValueMapping[] = []): MappedValue {\n  if (!mappings.length) {\n    return { value };\n  }\n\n  const mappedItem: MappedValue = { value };\n\n  mappings.forEach((mapping) => {\n    switch (mapping.kind) {\n      case 'Value': {\n        const valueOptions = mapping.spec;\n\n        if (String(valueOptions.value) === String(value)) {\n          mappedItem.value = valueOptions.result.value || mappedItem.value;\n          mappedItem.color = valueOptions.result.color;\n        }\n        break;\n      }\n      case 'Range': {\n        const rangeOptions = mapping.spec;\n        const newValue = value as number;\n\n        if (rangeOptions.from === undefined && rangeOptions.to === undefined) {\n          break;\n        }\n\n        const from = rangeOptions.from !== undefined ? rangeOptions.from : -Infinity;\n        const to = rangeOptions.to !== undefined ? rangeOptions.to : Infinity;\n        if (newValue >= from && newValue <= to) {\n          mappedItem.value = rangeOptions.result.value || mappedItem.value;\n          mappedItem.color = rangeOptions.result.color;\n        }\n        break;\n      }\n      case 'Regex': {\n        const regexOptions = mapping.spec;\n        const stringValue = value.toString();\n\n        if (!regexOptions.pattern) {\n          break;\n        }\n\n        const regex = createRegexFromString(regexOptions.pattern);\n\n        if (stringValue.match(regex)) {\n          if (regexOptions.result.value !== null) {\n            mappedItem.value =\n              stringValue.replace(regex, regexOptions.result.value.toString() || '') || mappedItem.value;\n            mappedItem.color = regexOptions.result.color;\n          }\n        }\n        break;\n      }\n      case 'Misc': {\n        const miscOptions = mapping.spec;\n        if (isMiscValueMatch(miscOptions.value, value)) {\n          mappedItem.value = miscOptions.result.value || mappedItem.value;\n          mappedItem.color = miscOptions.result.color;\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  });\n  return mappedItem;\n}\n\nfunction isMiscValueMatch(miscValue: string, value: number | string | boolean): boolean {\n  switch (miscValue) {\n    case 'empty':\n      return value === '';\n    case 'null':\n      return value === null || value === undefined;\n    case 'NaN':\n      return Number.isNaN(value);\n    case 'true':\n      return value === true;\n    case 'false':\n      return value === false;\n    default:\n      return false;\n  }\n}\n"],"names":["createRegexFromString","applyValueMapping","value","mappings","length","mappedItem","forEach","mapping","kind","valueOptions","spec","String","result","color","rangeOptions","newValue","from","undefined","to","Infinity","regexOptions","stringValue","toString","pattern","regex","match","replace","miscOptions","isMiscValueMatch","miscValue","Number","isNaN"],"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,SAASA,qBAAqB,QAAQ,cAAW;AAEjD,OAAO,SAASC,kBAAkBC,KAAsB,EAAEC,WAA2B,EAAE;IACrF,IAAI,CAACA,SAASC,MAAM,EAAE;QACpB,OAAO;YAAEF;QAAM;IACjB;IAEA,MAAMG,aAA0B;QAAEH;IAAM;IAExCC,SAASG,OAAO,CAAC,CAACC;QAChB,OAAQA,QAAQC,IAAI;YAClB,KAAK;gBAAS;oBACZ,MAAMC,eAAeF,QAAQG,IAAI;oBAEjC,IAAIC,OAAOF,aAAaP,KAAK,MAAMS,OAAOT,QAAQ;wBAChDG,WAAWH,KAAK,GAAGO,aAAaG,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAChEG,WAAWQ,KAAK,GAAGJ,aAAaG,MAAM,CAACC,KAAK;oBAC9C;oBACA;gBACF;YACA,KAAK;gBAAS;oBACZ,MAAMC,eAAeP,QAAQG,IAAI;oBACjC,MAAMK,WAAWb;oBAEjB,IAAIY,aAAaE,IAAI,KAAKC,aAAaH,aAAaI,EAAE,KAAKD,WAAW;wBACpE;oBACF;oBAEA,MAAMD,OAAOF,aAAaE,IAAI,KAAKC,YAAYH,aAAaE,IAAI,GAAG,CAACG;oBACpE,MAAMD,KAAKJ,aAAaI,EAAE,KAAKD,YAAYH,aAAaI,EAAE,GAAGC;oBAC7D,IAAIJ,YAAYC,QAAQD,YAAYG,IAAI;wBACtCb,WAAWH,KAAK,GAAGY,aAAaF,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAChEG,WAAWQ,KAAK,GAAGC,aAAaF,MAAM,CAACC,KAAK;oBAC9C;oBACA;gBACF;YACA,KAAK;gBAAS;oBACZ,MAAMO,eAAeb,QAAQG,IAAI;oBACjC,MAAMW,cAAcnB,MAAMoB,QAAQ;oBAElC,IAAI,CAACF,aAAaG,OAAO,EAAE;wBACzB;oBACF;oBAEA,MAAMC,QAAQxB,sBAAsBoB,aAAaG,OAAO;oBAExD,IAAIF,YAAYI,KAAK,CAACD,QAAQ;wBAC5B,IAAIJ,aAAaR,MAAM,CAACV,KAAK,KAAK,MAAM;4BACtCG,WAAWH,KAAK,GACdmB,YAAYK,OAAO,CAACF,OAAOJ,aAAaR,MAAM,CAACV,KAAK,CAACoB,QAAQ,MAAM,OAAOjB,WAAWH,KAAK;4BAC5FG,WAAWQ,KAAK,GAAGO,aAAaR,MAAM,CAACC,KAAK;wBAC9C;oBACF;oBACA;gBACF;YACA,KAAK;gBAAQ;oBACX,MAAMc,cAAcpB,QAAQG,IAAI;oBAChC,IAAIkB,iBAAiBD,YAAYzB,KAAK,EAAEA,QAAQ;wBAC9CG,WAAWH,KAAK,GAAGyB,YAAYf,MAAM,CAACV,KAAK,IAAIG,WAAWH,KAAK;wBAC/DG,WAAWQ,KAAK,GAAGc,YAAYf,MAAM,CAACC,KAAK;oBAC7C;oBACA;gBACF;YACA;gBACE;QACJ;IACF;IACA,OAAOR;AACT;AAEA,SAASuB,iBAAiBC,SAAiB,EAAE3B,KAAgC;IAC3E,OAAQ2B;QACN,KAAK;YACH,OAAO3B,UAAU;QACnB,KAAK;YACH,OAAOA,UAAU,QAAQA,UAAUe;QACrC,KAAK;YACH,OAAOa,OAAOC,KAAK,CAAC7B;QACtB,KAAK;YACH,OAAOA,UAAU;QACnB,KAAK;YACH,OAAOA,UAAU;QACnB;YACE,OAAO;IACX;AACF"}

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

@@ -1,4 +1,4 @@
-import { VariableValue } from '@perses-dev/spec';
+import type { VariableValue } from '@perses-dev/spec';
 /**
  * Option for a variable with label and value
  */
@@ -11,6 +11,10 @@ export type VariableOption = {
  */
 export type VariableState = {
     value: VariableValue;
+    /**
+     * Optional compact value for human-readable text. Query interpolation continues to use `value`.
+     */
+    displayValue?: VariableValue;
     options?: VariableOption[];
     loading: boolean;
     error?: Error;
@@ -70,4 +74,19 @@ export declare function parseVariablesAndFormat(text: string): Map<string, Inter
  * Replace all variables in text with their values from the variable state map
  */
 export declare function replaceVariables(text: string, variableState: VariableStateMap): string;
+/**
+ * Replace variables using their compact display values when available.
+ */
+export declare function replaceVariablesForDisplay(text: string, variableState: VariableStateMap): string;
+/**
+ * Replace dashboard variables in a URL, including those nested inside
+ * percent-encoded query parameters (e.g. Explore `data=%24var`).
+ *
+ * 1. `replaceVariables` on the raw string (unencoded `$var` still works).
+ * 2. Parse query params (URLSearchParams decodes once), expand each value,
+ *    rebuild with `append` so repeated keys are preserved.
+ * 3. Keep the original path/prefix before `?` so relative targets are unchanged
+ *    (`?data=…`, `explore?…`, not forced `/…`).
+ */
+export declare function replaceVariablesInUrl(url: string, variableState: VariableStateMap): string;
 //# sourceMappingURL=variable-interpolation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"variable-interpolation.d.ts","sourceRoot":"","sources":["../../src/utils/variable-interpolation.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE7D;;GAEG;AACH,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,aAAa,kBAAkB;IAC/B,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,aAAa,iBAAiB;CAC/B;AASD;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAoD/F;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,aAAa,EAC5B,SAAS,CAAC,EAAE,mBAAmB,GAC9B,MAAM,CAaR;AAUD;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAiBrD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC,CAoBlG;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,GAAG,MAAM,CAiBtF"}
+{"version":3,"file":"variable-interpolation.d.ts","sourceRoot":"","sources":["../../src/utils/variable-interpolation.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE7D;;GAEG;AACH,oBAAY,mBAAmB;IAC7B,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,aAAa,kBAAkB;IAC/B,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,aAAa,iBAAiB;CAC/B;AASD;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAoD/F;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,aAAa,EAC5B,SAAS,CAAC,EAAE,mBAAmB,GAC9B,MAAM,CAaR;AAUD;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAiBrD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC,CAoBlG;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,GAAG,MAAM,CAiBtF;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,GAAG,MAAM,CAMhG;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,GAAG,MAAM,CAwD1F"}