@perses-dev/components 0.55.0-beta.9 → 0.55.0-rc.1

package/dist/TimeSeriesTooltip/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTooltip/utils.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 type { BarSeriesOption, LineSeriesOption } from 'echarts/charts';\nimport type { ECharts as EChartsInstance } from 'echarts/core';\n\nimport type { TimeChartSeriesMapping } from '../model';\nimport type { CursorCoordinates, CursorData } from './tooltip-model';\nimport {\n  TOOLTIP_MAX_WIDTH,\n  TOOLTIP_MAX_HEIGHT,\n  TOOLTIP_MIN_WIDTH,\n  TOOLTIP_BG_COLOR_FALLBACK,\n  TOOLTIP_PADDING,\n} from './tooltip-model';\n\n/**\n * Determine position of tooltip depending on chart dimensions and the number of focused series.\n */\nexport function assembleTransform(\n  mousePos: CursorData['coords'],\n  pinnedPos: CursorCoordinates | null,\n  tooltipHeight: number,\n  tooltipWidth: number,\n  containerElement?: Element | null,\n): string | undefined {\n  if (mousePos === null) {\n    return undefined;\n  }\n\n  const cursorPaddingX = 32;\n  const cursorPaddingY = 16;\n\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n  }\n\n  if (mousePos.plotCanvas.x === undefined) return undefined;\n\n  // Fall back to max size before the resize observer reports a real measurement.\n  const effectiveHeight = tooltipHeight > 0 ? tooltipHeight : TOOLTIP_MAX_HEIGHT;\n  const effectiveWidth = tooltipWidth > 0 ? tooltipWidth : TOOLTIP_MAX_WIDTH;\n\n  let x = mousePos.page.x + cursorPaddingX; // Default to right side of the cursor\n  let y = mousePos.page.y + cursorPaddingY;\n\n  // If containerElement is defined, adjust coordinates relative to the container\n  if (containerElement) {\n    const containerRect = containerElement.getBoundingClientRect();\n    x = x - containerRect.left + containerElement.scrollLeft;\n    y = y - containerRect.top + containerElement.scrollTop;\n\n    // Ensure tooltip does not go out of the container's bottom\n    const containerBottom = containerRect.top + containerElement.scrollHeight;\n    if (y + effectiveHeight > containerBottom) {\n      y = Math.max(containerBottom - effectiveHeight - cursorPaddingY, TOOLTIP_PADDING / 2);\n    }\n  } else {\n    // Ensure tooltip does not go out of the screen on the bottom\n    if (y + effectiveHeight > window.innerHeight + window.scrollY) {\n      y = Math.max(window.innerHeight + window.scrollY - effectiveHeight - cursorPaddingY, TOOLTIP_PADDING / 2);\n    }\n  }\n\n  // Ensure tooltip does not go out of the screen on the right\n  if (x + effectiveWidth > window.innerWidth) {\n    x = mousePos.page.x - effectiveWidth - cursorPaddingX; // Move to the left of the cursor\n  }\n\n  // Ensure tooltip does not go out of the screen on the left\n  if (x < cursorPaddingX) {\n    x = cursorPaddingX;\n  }\n\n  // Ensure tooltip does not go out of the screen on the top\n  if (y < TOOLTIP_PADDING / 2) {\n    y = TOOLTIP_PADDING / 2;\n  }\n\n  return `translate3d(${x}px, ${y}px, 0)`;\n}\n\n/**\n * Helper for tooltip positioning styles\n */\nexport function getTooltipStyles(\n  theme: Theme,\n  pinnedPos: CursorCoordinates | null,\n  maxHeight?: number,\n): Record<string, unknown> {\n  const adjustedMaxHeight = maxHeight ? maxHeight - TOOLTIP_PADDING : undefined;\n  return {\n    minWidth: TOOLTIP_MIN_WIDTH,\n    maxWidth: TOOLTIP_MAX_WIDTH,\n    maxHeight: adjustedMaxHeight ?? TOOLTIP_MAX_HEIGHT,\n    padding: 0,\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: theme.palette.designSystem?.grey[800] ?? TOOLTIP_BG_COLOR_FALLBACK,\n    borderRadius: '6px',\n    color: '#fff',\n    fontSize: '11px',\n    visibility: 'visible',\n    opacity: 1,\n    // Animating transform causes intermediate positions outside the viewport; animate opacity/visibility instead.\n    transition: 'opacity 0.1s ease-out, visibility 0.1s ease-out',\n    // Pinned tooltip should not float above the drawer/sticky header.\n    zIndex: pinnedPos !== null ? 'auto' : theme.zIndex.tooltip,\n    overflow: 'hidden',\n    '&:hover': {\n      overflowY: 'auto',\n    },\n  };\n}\n\nexport function getPixelXFromGrid(timestamp: number, chart: EChartsInstance): number | null {\n  try {\n    const pixelCoords = chart.convertToPixel('grid', [timestamp, 0]);\n    return pixelCoords?.[0] ?? null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Returns the cumulative (visual) Y for a series, accumulating stack totals in-place.\n * For non-stacked series, returns the raw yValue unchanged.\n * Mutates `stackTotals` — pass a fresh Map for each cursor evaluation.\n */\nexport function calculateVisualYForSeries(\n  seriesIdx: number,\n  yValue: number,\n  seriesMapping: TimeChartSeriesMapping,\n  stackTotals: Map<string, number>,\n): number {\n  const currentSeries = seriesMapping[seriesIdx];\n  if (!currentSeries) return yValue;\n\n  const stackId = (currentSeries as LineSeriesOption | BarSeriesOption).stack;\n  if (!stackId) {\n    return yValue;\n  }\n\n  const stackIdStr = stackId.toString();\n  const currentTotal = stackTotals.get(stackIdStr) ?? 0;\n  const newTotal = currentTotal + yValue;\n  stackTotals.set(stackIdStr, newTotal);\n  return newTotal;\n}\n\nexport function calculateBarBandwidth(timestamp: number, sortedTimestamps: number[], chart: EChartsInstance): number {\n  const currentIdx = sortedTimestamps.indexOf(timestamp);\n  if (currentIdx === -1) {\n    return 20;\n  }\n\n  const prevTimestamp = currentIdx > 0 ? (sortedTimestamps[currentIdx - 1] ?? null) : null;\n  const nextTimestamp = currentIdx < sortedTimestamps.length - 1 ? (sortedTimestamps[currentIdx + 1] ?? null) : null;\n\n  const currentPixelX = getPixelXFromGrid(timestamp, chart);\n  if (currentPixelX === null) return 20;\n\n  let leftBound: number;\n  let rightBound: number;\n\n  if (prevTimestamp !== null && nextTimestamp !== null) {\n    const prevPixelX = getPixelXFromGrid(prevTimestamp, chart) ?? currentPixelX;\n    const nextPixelX = getPixelXFromGrid(nextTimestamp, chart) ?? currentPixelX;\n    leftBound = (currentPixelX + prevPixelX) / 2;\n    rightBound = (currentPixelX + nextPixelX) / 2;\n  } else if (prevTimestamp !== null) {\n    const prevPixelX = getPixelXFromGrid(prevTimestamp, chart) ?? currentPixelX;\n    leftBound = (currentPixelX + prevPixelX) / 2;\n    rightBound = currentPixelX + (currentPixelX - leftBound);\n  } else if (nextTimestamp !== null) {\n    const nextPixelX = getPixelXFromGrid(nextTimestamp, chart) ?? currentPixelX;\n    rightBound = (currentPixelX + nextPixelX) / 2;\n    leftBound = currentPixelX - (rightBound - currentPixelX);\n  } else {\n    return 20;\n  }\n\n  return Math.max(1, rightBound - leftBound);\n}\n\n/**\n * Computes the pixel left/right bounds of one bar segment within a group.\n * @param barRelativeIdx - zero-based index among bar-only series\n * @param bandwidth      - total pixel width for the bar group\n * @param centerPixelX   - pixel X of the bar group centre\n * @param barCount       - total bar series count (lines excluded)\n */\nexport function calculateBarSegmentBounds(\n  barRelativeIdx: number,\n  bandwidth: number,\n  centerPixelX: number,\n  barCount: number,\n): { left: number; right: number } {\n  const count = Math.max(1, barCount);\n  const segmentWidth = bandwidth / count;\n  const segmentLeft = centerPixelX - bandwidth / 2 + barRelativeIdx * segmentWidth;\n  return {\n    left: segmentLeft,\n    right: segmentLeft + segmentWidth,\n  };\n}\n\nexport function calculateBarYBounds(\n  visualYBottom: number,\n  visualYTop: number,\n  chart: EChartsInstance,\n): { top: number; bottom: number } | null {\n  try {\n    const bottomPixel = chart.convertToPixel('grid', [0, visualYBottom]);\n    const topPixel = chart.convertToPixel('grid', [0, visualYTop]);\n\n    if (!bottomPixel || !topPixel || bottomPixel[1] === undefined || topPixel[1] === undefined) return null;\n\n    // Y increases downward in pixels; min/max normalizes the mapping for negative bar values.\n    return {\n      top: Math.min(topPixel[1], bottomPixel[1]),\n      bottom: Math.max(topPixel[1], bottomPixel[1]),\n    };\n  } catch {\n    return null;\n  }\n}\n"],"names":["TOOLTIP_MAX_WIDTH","TOOLTIP_MAX_HEIGHT","TOOLTIP_MIN_WIDTH","TOOLTIP_BG_COLOR_FALLBACK","TOOLTIP_PADDING","assembleTransform","mousePos","pinnedPos","tooltipHeight","tooltipWidth","containerElement","undefined","cursorPaddingX","cursorPaddingY","plotCanvas","x","effectiveHeight","effectiveWidth","page","y","containerRect","getBoundingClientRect","left","scrollLeft","top","scrollTop","containerBottom","scrollHeight","Math","max","window","innerHeight","scrollY","innerWidth","getTooltipStyles","theme","maxHeight","adjustedMaxHeight","minWidth","maxWidth","padding","position","backgroundColor","palette","designSystem","grey","borderRadius","color","fontSize","visibility","opacity","transition","zIndex","tooltip","overflow","overflowY","getPixelXFromGrid","timestamp","chart","pixelCoords","convertToPixel","calculateVisualYForSeries","seriesIdx","yValue","seriesMapping","stackTotals","currentSeries","stackId","stack","stackIdStr","toString","currentTotal","get","newTotal","set","calculateBarBandwidth","sortedTimestamps","currentIdx","indexOf","prevTimestamp","nextTimestamp","length","currentPixelX","leftBound","rightBound","prevPixelX","nextPixelX","calculateBarSegmentBounds","barRelativeIdx","bandwidth","centerPixelX","barCount","count","segmentWidth","segmentLeft","right","calculateBarYBounds","visualYBottom","visualYTop","bottomPixel","topPixel","min","bottom"],"mappings":"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"}
+{"version":3,"sources":["../../src/TimeSeriesTooltip/utils.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 type { BarSeriesOption, LineSeriesOption } from 'echarts/charts';\nimport type { ECharts as EChartsInstance } from 'echarts/core';\n\nimport type { TimeChartSeriesMapping } from '../model';\nimport type { CursorCoordinates, CursorData } from './tooltip-model';\nimport {\n  TOOLTIP_MAX_WIDTH,\n  TOOLTIP_MAX_HEIGHT,\n  TOOLTIP_MIN_WIDTH,\n  TOOLTIP_BG_COLOR_FALLBACK,\n  TOOLTIP_PADDING,\n} from './tooltip-model';\n\n/**\n * Determine position of tooltip depending on chart dimensions and the number of focused series.\n */\nexport function assembleTransform(\n  mousePos: CursorData['coords'],\n  pinnedPos: CursorCoordinates | null,\n  tooltipHeight: number,\n  tooltipWidth: number,\n  containerElement?: Element | null,\n): string | undefined {\n  if (mousePos === null) {\n    return undefined;\n  }\n\n  const cursorPaddingX = 32;\n  const cursorPaddingY = 16;\n\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n  }\n\n  if (mousePos.plotCanvas.x === undefined) return undefined;\n\n  // Fall back to max size before the resize observer reports a real measurement.\n  const effectiveHeight = tooltipHeight > 0 ? tooltipHeight : TOOLTIP_MAX_HEIGHT;\n  const effectiveWidth = tooltipWidth > 0 ? tooltipWidth : TOOLTIP_MAX_WIDTH;\n\n  let x = mousePos.page.x + cursorPaddingX; // Default to right side of the cursor\n  let y = mousePos.page.y + cursorPaddingY;\n\n  // If containerElement is defined, adjust coordinates relative to the container\n  if (containerElement) {\n    const containerRect = containerElement.getBoundingClientRect();\n    x = x - containerRect.left + containerElement.scrollLeft;\n    y = y - containerRect.top + containerElement.scrollTop;\n\n    // Ensure tooltip does not go out of the container's bottom\n    const containerBottom = containerRect.top + containerElement.scrollHeight;\n    if (y + effectiveHeight > containerBottom) {\n      y = Math.max(containerBottom - effectiveHeight - cursorPaddingY, TOOLTIP_PADDING / 2);\n    }\n  } else {\n    // Ensure tooltip does not go out of the screen on the bottom\n    if (y + effectiveHeight > window.innerHeight + window.scrollY) {\n      y = Math.max(window.innerHeight + window.scrollY - effectiveHeight - cursorPaddingY, TOOLTIP_PADDING / 2);\n    }\n  }\n\n  // Ensure tooltip does not go out of the screen on the right\n  if (x + effectiveWidth > window.innerWidth) {\n    x = mousePos.page.x - effectiveWidth - cursorPaddingX; // Move to the left of the cursor\n  }\n\n  // Ensure tooltip does not go out of the screen on the left\n  if (x < cursorPaddingX) {\n    x = cursorPaddingX;\n  }\n\n  // Ensure tooltip does not go out of the screen on the top\n  if (y < TOOLTIP_PADDING / 2) {\n    y = TOOLTIP_PADDING / 2;\n  }\n\n  return `translate3d(${x}px, ${y}px, 0)`;\n}\n\n/**\n * Stacking level of a pinned tooltip. It must cover the table legend's sticky header, which\n * react-virtuoso renders at z-index 2, and stay below PanelHeader (5, in @perses-dev/dashboards),\n * the drawer and the sticky dashboard header.\n */\nconst PINNED_TOOLTIP_Z_INDEX = 3;\n\n/**\n * Helper for tooltip positioning styles\n */\nexport function getTooltipStyles(\n  theme: Theme,\n  pinnedPos: CursorCoordinates | null,\n  maxHeight?: number,\n): Record<string, unknown> {\n  const adjustedMaxHeight = maxHeight ? maxHeight - TOOLTIP_PADDING : undefined;\n  return {\n    minWidth: TOOLTIP_MIN_WIDTH,\n    maxWidth: TOOLTIP_MAX_WIDTH,\n    maxHeight: adjustedMaxHeight ?? TOOLTIP_MAX_HEIGHT,\n    padding: 0,\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: theme.palette.designSystem?.grey[800] ?? TOOLTIP_BG_COLOR_FALLBACK,\n    borderRadius: '6px',\n    color: '#fff',\n    fontSize: '11px',\n    visibility: 'visible',\n    opacity: 1,\n    // Animating transform causes intermediate positions outside the viewport; animate opacity/visibility instead.\n    transition: 'opacity 0.1s ease-out, visibility 0.1s ease-out',\n    zIndex: pinnedPos !== null ? PINNED_TOOLTIP_Z_INDEX : theme.zIndex.tooltip,\n    overflow: 'hidden',\n    '&:hover': {\n      overflowY: 'auto',\n    },\n  };\n}\n\nexport function getPixelXFromGrid(timestamp: number, chart: EChartsInstance): number | null {\n  try {\n    const pixelCoords = chart.convertToPixel('grid', [timestamp, 0]);\n    return pixelCoords?.[0] ?? null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Returns the cumulative (visual) Y for a series, accumulating stack totals in-place.\n * For non-stacked series, returns the raw yValue unchanged.\n * Mutates `stackTotals` — pass a fresh Map for each cursor evaluation.\n */\nexport function calculateVisualYForSeries(\n  seriesIdx: number,\n  yValue: number,\n  seriesMapping: TimeChartSeriesMapping,\n  stackTotals: Map<string, number>,\n): number {\n  const currentSeries = seriesMapping[seriesIdx];\n  if (!currentSeries) return yValue;\n\n  const stackId = (currentSeries as LineSeriesOption | BarSeriesOption).stack;\n  if (!stackId) {\n    return yValue;\n  }\n\n  const stackIdStr = stackId.toString();\n  const currentTotal = stackTotals.get(stackIdStr) ?? 0;\n  const newTotal = currentTotal + yValue;\n  stackTotals.set(stackIdStr, newTotal);\n  return newTotal;\n}\n\nexport function calculateBarBandwidth(timestamp: number, sortedTimestamps: number[], chart: EChartsInstance): number {\n  const currentIdx = sortedTimestamps.indexOf(timestamp);\n  if (currentIdx === -1) {\n    return 20;\n  }\n\n  const prevTimestamp = currentIdx > 0 ? (sortedTimestamps[currentIdx - 1] ?? null) : null;\n  const nextTimestamp = currentIdx < sortedTimestamps.length - 1 ? (sortedTimestamps[currentIdx + 1] ?? null) : null;\n\n  const currentPixelX = getPixelXFromGrid(timestamp, chart);\n  if (currentPixelX === null) return 20;\n\n  let leftBound: number;\n  let rightBound: number;\n\n  if (prevTimestamp !== null && nextTimestamp !== null) {\n    const prevPixelX = getPixelXFromGrid(prevTimestamp, chart) ?? currentPixelX;\n    const nextPixelX = getPixelXFromGrid(nextTimestamp, chart) ?? currentPixelX;\n    leftBound = (currentPixelX + prevPixelX) / 2;\n    rightBound = (currentPixelX + nextPixelX) / 2;\n  } else if (prevTimestamp !== null) {\n    const prevPixelX = getPixelXFromGrid(prevTimestamp, chart) ?? currentPixelX;\n    leftBound = (currentPixelX + prevPixelX) / 2;\n    rightBound = currentPixelX + (currentPixelX - leftBound);\n  } else if (nextTimestamp !== null) {\n    const nextPixelX = getPixelXFromGrid(nextTimestamp, chart) ?? currentPixelX;\n    rightBound = (currentPixelX + nextPixelX) / 2;\n    leftBound = currentPixelX - (rightBound - currentPixelX);\n  } else {\n    return 20;\n  }\n\n  return Math.max(1, rightBound - leftBound);\n}\n\n/**\n * Computes the pixel left/right bounds of one bar segment within a group.\n * @param barRelativeIdx - zero-based index among bar-only series\n * @param bandwidth      - total pixel width for the bar group\n * @param centerPixelX   - pixel X of the bar group centre\n * @param barCount       - total bar series count (lines excluded)\n */\nexport function calculateBarSegmentBounds(\n  barRelativeIdx: number,\n  bandwidth: number,\n  centerPixelX: number,\n  barCount: number,\n): { left: number; right: number } {\n  const count = Math.max(1, barCount);\n  const segmentWidth = bandwidth / count;\n  const segmentLeft = centerPixelX - bandwidth / 2 + barRelativeIdx * segmentWidth;\n  return {\n    left: segmentLeft,\n    right: segmentLeft + segmentWidth,\n  };\n}\n\nexport function calculateBarYBounds(\n  visualYBottom: number,\n  visualYTop: number,\n  chart: EChartsInstance,\n): { top: number; bottom: number } | null {\n  try {\n    const bottomPixel = chart.convertToPixel('grid', [0, visualYBottom]);\n    const topPixel = chart.convertToPixel('grid', [0, visualYTop]);\n\n    if (!bottomPixel || !topPixel || bottomPixel[1] === undefined || topPixel[1] === undefined) return null;\n\n    // Y increases downward in pixels; min/max normalizes the mapping for negative bar values.\n    return {\n      top: Math.min(topPixel[1], bottomPixel[1]),\n      bottom: Math.max(topPixel[1], bottomPixel[1]),\n    };\n  } catch {\n    return null;\n  }\n}\n"],"names":["TOOLTIP_MAX_WIDTH","TOOLTIP_MAX_HEIGHT","TOOLTIP_MIN_WIDTH","TOOLTIP_BG_COLOR_FALLBACK","TOOLTIP_PADDING","assembleTransform","mousePos","pinnedPos","tooltipHeight","tooltipWidth","containerElement","undefined","cursorPaddingX","cursorPaddingY","plotCanvas","x","effectiveHeight","effectiveWidth","page","y","containerRect","getBoundingClientRect","left","scrollLeft","top","scrollTop","containerBottom","scrollHeight","Math","max","window","innerHeight","scrollY","innerWidth","PINNED_TOOLTIP_Z_INDEX","getTooltipStyles","theme","maxHeight","adjustedMaxHeight","minWidth","maxWidth","padding","position","backgroundColor","palette","designSystem","grey","borderRadius","color","fontSize","visibility","opacity","transition","zIndex","tooltip","overflow","overflowY","getPixelXFromGrid","timestamp","chart","pixelCoords","convertToPixel","calculateVisualYForSeries","seriesIdx","yValue","seriesMapping","stackTotals","currentSeries","stackId","stack","stackIdStr","toString","currentTotal","get","newTotal","set","calculateBarBandwidth","sortedTimestamps","currentIdx","indexOf","prevTimestamp","nextTimestamp","length","currentPixelX","leftBound","rightBound","prevPixelX","nextPixelX","calculateBarSegmentBounds","barRelativeIdx","bandwidth","centerPixelX","barCount","count","segmentWidth","segmentLeft","right","calculateBarYBounds","visualYBottom","visualYTop","bottomPixel","topPixel","min","bottom"],"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;AAQjC,SACEA,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,yBAAyB,EACzBC,eAAe,QACV,qBAAkB;AAEzB;;CAEC,GACD,OAAO,SAASC,kBACdC,QAA8B,EAC9BC,SAAmC,EACnCC,aAAqB,EACrBC,YAAoB,EACpBC,gBAAiC;IAEjC,IAAIJ,aAAa,MAAM;QACrB,OAAOK;IACT;IAEA,MAAMC,iBAAiB;IACvB,MAAMC,iBAAiB;IAEvB,IAAIN,cAAc,MAAM;QACtBD,WAAWC;IACb;IAEA,IAAID,SAASQ,UAAU,CAACC,CAAC,KAAKJ,WAAW,OAAOA;IAEhD,+EAA+E;IAC/E,MAAMK,kBAAkBR,gBAAgB,IAAIA,gBAAgBP;IAC5D,MAAMgB,iBAAiBR,eAAe,IAAIA,eAAeT;IAEzD,IAAIe,IAAIT,SAASY,IAAI,CAACH,CAAC,GAAGH,gBAAgB,sCAAsC;IAChF,IAAIO,IAAIb,SAASY,IAAI,CAACC,CAAC,GAAGN;IAE1B,+EAA+E;IAC/E,IAAIH,kBAAkB;QACpB,MAAMU,gBAAgBV,iBAAiBW,qBAAqB;QAC5DN,IAAIA,IAAIK,cAAcE,IAAI,GAAGZ,iBAAiBa,UAAU;QACxDJ,IAAIA,IAAIC,cAAcI,GAAG,GAAGd,iBAAiBe,SAAS;QAEtD,2DAA2D;QAC3D,MAAMC,kBAAkBN,cAAcI,GAAG,GAAGd,iBAAiBiB,YAAY;QACzE,IAAIR,IAAIH,kBAAkBU,iBAAiB;YACzCP,IAAIS,KAAKC,GAAG,CAACH,kBAAkBV,kBAAkBH,gBAAgBT,kBAAkB;QACrF;IACF,OAAO;QACL,6DAA6D;QAC7D,IAAIe,IAAIH,kBAAkBc,OAAOC,WAAW,GAAGD,OAAOE,OAAO,EAAE;YAC7Db,IAAIS,KAAKC,GAAG,CAACC,OAAOC,WAAW,GAAGD,OAAOE,OAAO,GAAGhB,kBAAkBH,gBAAgBT,kBAAkB;QACzG;IACF;IAEA,4DAA4D;IAC5D,IAAIW,IAAIE,iBAAiBa,OAAOG,UAAU,EAAE;QAC1ClB,IAAIT,SAASY,IAAI,CAACH,CAAC,GAAGE,iBAAiBL,gBAAgB,iCAAiC;IAC1F;IAEA,2DAA2D;IAC3D,IAAIG,IAAIH,gBAAgB;QACtBG,IAAIH;IACN;IAEA,0DAA0D;IAC1D,IAAIO,IAAIf,kBAAkB,GAAG;QAC3Be,IAAIf,kBAAkB;IACxB;IAEA,OAAO,CAAC,YAAY,EAAEW,EAAE,IAAI,EAAEI,EAAE,MAAM,CAAC;AACzC;AAEA;;;;CAIC,GACD,MAAMe,yBAAyB;AAE/B;;CAEC,GACD,OAAO,SAASC,iBACdC,KAAY,EACZ7B,SAAmC,EACnC8B,SAAkB;IAElB,MAAMC,oBAAoBD,YAAYA,YAAYjC,kBAAkBO;IACpE,OAAO;QACL4B,UAAUrC;QACVsC,UAAUxC;QACVqC,WAAWC,qBAAqBrC;QAChCwC,SAAS;QACTC,UAAU;QACVlB,KAAK;QACLF,MAAM;QACNqB,iBAAiBP,MAAMQ,OAAO,CAACC,YAAY,EAAEC,IAAI,CAAC,IAAI,IAAI3C;QAC1D4C,cAAc;QACdC,OAAO;QACPC,UAAU;QACVC,YAAY;QACZC,SAAS;QACT,8GAA8G;QAC9GC,YAAY;QACZC,QAAQ9C,cAAc,OAAO2B,yBAAyBE,MAAMiB,MAAM,CAACC,OAAO;QAC1EC,UAAU;QACV,WAAW;YACTC,WAAW;QACb;IACF;AACF;AAEA,OAAO,SAASC,kBAAkBC,SAAiB,EAAEC,KAAsB;IACzE,IAAI;QACF,MAAMC,cAAcD,MAAME,cAAc,CAAC,QAAQ;YAACH;YAAW;SAAE;QAC/D,OAAOE,aAAa,CAAC,EAAE,IAAI;IAC7B,EAAE,OAAM;QACN,OAAO;IACT;AACF;AAEA;;;;CAIC,GACD,OAAO,SAASE,0BACdC,SAAiB,EACjBC,MAAc,EACdC,aAAqC,EACrCC,WAAgC;IAEhC,MAAMC,gBAAgBF,aAAa,CAACF,UAAU;IAC9C,IAAI,CAACI,eAAe,OAAOH;IAE3B,MAAMI,UAAU,AAACD,cAAqDE,KAAK;IAC3E,IAAI,CAACD,SAAS;QACZ,OAAOJ;IACT;IAEA,MAAMM,aAAaF,QAAQG,QAAQ;IACnC,MAAMC,eAAeN,YAAYO,GAAG,CAACH,eAAe;IACpD,MAAMI,WAAWF,eAAeR;IAChCE,YAAYS,GAAG,CAACL,YAAYI;IAC5B,OAAOA;AACT;AAEA,OAAO,SAASE,sBAAsBlB,SAAiB,EAAEmB,gBAA0B,EAAElB,KAAsB;IACzG,MAAMmB,aAAaD,iBAAiBE,OAAO,CAACrB;IAC5C,IAAIoB,eAAe,CAAC,GAAG;QACrB,OAAO;IACT;IAEA,MAAME,gBAAgBF,aAAa,IAAKD,gBAAgB,CAACC,aAAa,EAAE,IAAI,OAAQ;IACpF,MAAMG,gBAAgBH,aAAaD,iBAAiBK,MAAM,GAAG,IAAKL,gBAAgB,CAACC,aAAa,EAAE,IAAI,OAAQ;IAE9G,MAAMK,gBAAgB1B,kBAAkBC,WAAWC;IACnD,IAAIwB,kBAAkB,MAAM,OAAO;IAEnC,IAAIC;IACJ,IAAIC;IAEJ,IAAIL,kBAAkB,QAAQC,kBAAkB,MAAM;QACpD,MAAMK,aAAa7B,kBAAkBuB,eAAerB,UAAUwB;QAC9D,MAAMI,aAAa9B,kBAAkBwB,eAAetB,UAAUwB;QAC9DC,YAAY,AAACD,CAAAA,gBAAgBG,UAAS,IAAK;QAC3CD,aAAa,AAACF,CAAAA,gBAAgBI,UAAS,IAAK;IAC9C,OAAO,IAAIP,kBAAkB,MAAM;QACjC,MAAMM,aAAa7B,kBAAkBuB,eAAerB,UAAUwB;QAC9DC,YAAY,AAACD,CAAAA,gBAAgBG,UAAS,IAAK;QAC3CD,aAAaF,gBAAiBA,CAAAA,gBAAgBC,SAAQ;IACxD,OAAO,IAAIH,kBAAkB,MAAM;QACjC,MAAMM,aAAa9B,kBAAkBwB,eAAetB,UAAUwB;QAC9DE,aAAa,AAACF,CAAAA,gBAAgBI,UAAS,IAAK;QAC5CH,YAAYD,gBAAiBE,CAAAA,aAAaF,aAAY;IACxD,OAAO;QACL,OAAO;IACT;IAEA,OAAOvD,KAAKC,GAAG,CAAC,GAAGwD,aAAaD;AAClC;AAEA;;;;;;CAMC,GACD,OAAO,SAASI,0BACdC,cAAsB,EACtBC,SAAiB,EACjBC,YAAoB,EACpBC,QAAgB;IAEhB,MAAMC,QAAQjE,KAAKC,GAAG,CAAC,GAAG+D;IAC1B,MAAME,eAAeJ,YAAYG;IACjC,MAAME,cAAcJ,eAAeD,YAAY,IAAID,iBAAiBK;IACpE,OAAO;QACLxE,MAAMyE;QACNC,OAAOD,cAAcD;IACvB;AACF;AAEA,OAAO,SAASG,oBACdC,aAAqB,EACrBC,UAAkB,EAClBxC,KAAsB;IAEtB,IAAI;QACF,MAAMyC,cAAczC,MAAME,cAAc,CAAC,QAAQ;YAAC;YAAGqC;SAAc;QACnE,MAAMG,WAAW1C,MAAME,cAAc,CAAC,QAAQ;YAAC;YAAGsC;SAAW;QAE7D,IAAI,CAACC,eAAe,CAACC,YAAYD,WAAW,CAAC,EAAE,KAAKzF,aAAa0F,QAAQ,CAAC,EAAE,KAAK1F,WAAW,OAAO;QAEnG,0FAA0F;QAC1F,OAAO;YACLa,KAAKI,KAAK0E,GAAG,CAACD,QAAQ,CAAC,EAAE,EAAED,WAAW,CAAC,EAAE;YACzCG,QAAQ3E,KAAKC,GAAG,CAACwE,QAAQ,CAAC,EAAE,EAAED,WAAW,CAAC,EAAE;QAC9C;IACF,EAAE,OAAM;QACN,OAAO;IACT;AACF"}

package/dist/TransformsEditor/TransformEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransformEditor.d.ts","sourceRoot":"","sources":["../../src/TransformsEditor/TransformEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAUhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAKV,SAAS,EACV,MAAM,UAAU,CAAC;AAiLlB,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/F,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,YAAY,CAwCjG"}
+{"version":3,"file":"TransformEditor.d.ts","sourceRoot":"","sources":["../../src/TransformsEditor/TransformEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAUhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAMV,SAAS,EACV,MAAM,UAAU,CAAC;AAiLlB,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/F,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,YAAY,CA+CjG"}

package/dist/TransformsEditor/TransformEditor.js

@@ -263,6 +263,20 @@ export function TransformEditor({ value, onChange, ...props }) {
                                 })
                             ]
                         })
+                    }),
+                    /*#__PURE__*/ _jsx(MenuItem, {
+                        value: "PivotByLabel",
+                        children: /*#__PURE__*/ _jsxs(Stack, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    children: "Pivot by label"
+                                }),
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "caption",
+                                    children: "Time × label matrix (rows = time, columns = label values)"
+                                })
+                            ]
+                        })
                     })
                 ]
             }),
@@ -281,6 +295,81 @@ export function TransformEditor({ value, onChange, ...props }) {
             value.kind === 'MergeSeries' && /*#__PURE__*/ _jsx(MergeSeriesTransformEditor, {
                 value: value,
                 onChange: onChange
+            }),
+            value.kind === 'PivotByLabel' && /*#__PURE__*/ _jsx(PivotByLabelTransformEditor, {
+                value: value,
+                onChange: onChange
+            })
+        ]
+    });
+}
+function PivotByLabelTransformEditor({ value, onChange }) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        gap: 2,
+        children: [
+            /*#__PURE__*/ _jsx(MuiTextField, {
+                label: "Column label",
+                fullWidth: true,
+                value: value.spec.columnLabel ?? '',
+                onChange: (e)=>onChange({
+                        ...value,
+                        spec: {
+                            ...value.spec,
+                            columnLabel: e.target.value
+                        }
+                    }),
+                helperText: "Label that becomes dynamic column headers (e.g. farm_short)"
+            }),
+            /*#__PURE__*/ _jsx(MuiTextField, {
+                label: "Row field",
+                fullWidth: true,
+                value: value.spec.rowField ?? 'timestamp',
+                onChange: (e)=>onChange({
+                        ...value,
+                        spec: {
+                            ...value.spec,
+                            rowField: e.target.value
+                        }
+                    }),
+                helperText: "Field used for row identity (default: timestamp)"
+            }),
+            /*#__PURE__*/ _jsx(MuiTextField, {
+                label: "Value field",
+                fullWidth: true,
+                value: value.spec.valueField ?? 'value',
+                onChange: (e)=>onChange({
+                        ...value,
+                        spec: {
+                            ...value.spec,
+                            valueField: e.target.value
+                        }
+                    })
+            }),
+            /*#__PURE__*/ _jsx(MuiTextField, {
+                label: "Row column name",
+                fullWidth: true,
+                value: value.spec.rowColumnName ?? '',
+                onChange: (e)=>onChange({
+                        ...value,
+                        spec: {
+                            ...value.spec,
+                            rowColumnName: e.target.value || undefined
+                        }
+                    }),
+                helperText: "Optional display name for the row column (default: row field)"
+            }),
+            /*#__PURE__*/ _jsx(FormControlLabel, {
+                control: /*#__PURE__*/ _jsx(Switch, {
+                    checked: !!value.spec.disabled,
+                    onChange: (_, checked)=>onChange({
+                            ...value,
+                            spec: {
+                                ...value.spec,
+                                disabled: checked
+                            }
+                        })
+                }),
+                label: "Disabled"
             })
         ]
     });

package/dist/TransformsEditor/TransformEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TransformsEditor/TransformEditor.tsx"],"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 { StackProps } from '@mui/material';\nimport {\n  Autocomplete,\n  FormControlLabel,\n  MenuItem,\n  Stack,\n  Switch,\n  Typography,\n  TextField as MuiTextField,\n} from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport { TextField } from '../controls';\nimport type {\n  JoinByColumnValueTransform,\n  MergeColumnsTransform,\n  MergeIndexedColumnsTransform,\n  MergeSeriesTransform,\n  Transform,\n} from '../model';\n\ninterface TransformSpecEditorProps<Spec> {\n  value: Spec;\n  onChange: (transform: Spec) => void;\n}\n\nfunction JoinByColumnValueTransformEditor({\n  value,\n  onChange,\n}: TransformSpecEditorProps<JoinByColumnValueTransform>): ReactElement {\n  return (\n    <Stack direction=\"row\">\n      <Autocomplete\n        freeSolo\n        multiple\n        id=\"join-columns\"\n        sx={{ width: '100%' }}\n        options={[]} // TODO: autofill columns name when query results is available to panel editors\n        value={value.spec.columns ?? []}\n        renderInput={(params) => <MuiTextField {...params} variant=\"outlined\" label=\"Columns\" required />}\n        onChange={(_, columns) => {\n          onChange({\n            ...value,\n            spec: {\n              ...value.spec,\n              columns: columns,\n            },\n          });\n        }}\n      />\n      <FormControlLabel\n        label=\"Enabled\"\n        labelPlacement=\"start\"\n        control={\n          <Switch\n            value={!value.spec.disabled}\n            checked={!value.spec.disabled}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                spec: { ...value.spec, disabled: !e.target.checked },\n              })\n            }\n          />\n        }\n      />\n    </Stack>\n  );\n}\n\nfunction MergeColumnsTransformEditor({\n  value,\n  onChange,\n}: TransformSpecEditorProps<MergeColumnsTransform>): ReactElement {\n  return (\n    <Stack direction=\"row\" gap={1} alignItems=\"center\">\n      <Autocomplete\n        freeSolo\n        multiple\n        id=\"merge-columns-columns\"\n        sx={{ width: '100%' }}\n        options={[]}\n        value={value.spec.columns ?? []}\n        renderInput={(params) => <MuiTextField {...params} variant=\"outlined\" label=\"Columns\" required />}\n        onChange={(_, columns) => {\n          onChange({\n            ...value,\n            spec: {\n              ...value.spec,\n              columns: columns,\n            },\n          });\n        }}\n      />\n\n      <TextField\n        id=\"merge-columns-name\"\n        variant=\"outlined\"\n        label=\"Output Name\"\n        value={value.spec.name ?? ''}\n        sx={{ width: '100%' }}\n        onChange={(name) => {\n          onChange({\n            ...value,\n            spec: {\n              ...value.spec,\n              name: name,\n            },\n          });\n        }}\n        required\n      />\n      <FormControlLabel\n        label=\"Enabled\"\n        labelPlacement=\"start\"\n        control={\n          <Switch\n            value={!value.spec.disabled}\n            checked={!value.spec.disabled}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                spec: { ...value.spec, disabled: !e.target.checked },\n              })\n            }\n          />\n        }\n      />\n    </Stack>\n  );\n}\n\nfunction MergeIndexedColumnsTransformEditor({\n  value,\n  onChange,\n}: TransformSpecEditorProps<MergeIndexedColumnsTransform>): ReactElement {\n  return (\n    <Stack direction=\"row\">\n      <TextField\n        id=\"merge-indexed-columns\"\n        variant=\"outlined\"\n        label=\"Column\"\n        placeholder=\"Example: 'value' for merging 'value #1', 'value #2' and 'value #...'\"\n        value={value.spec.column ?? ''}\n        sx={{ width: '100%' }}\n        onChange={(column) => {\n          onChange({\n            ...value,\n            spec: { ...value.spec, column: column },\n          });\n        }}\n        required\n      />\n      <FormControlLabel\n        label=\"Enabled\"\n        labelPlacement=\"start\"\n        control={\n          <Switch\n            value={!value.spec.disabled}\n            checked={!value.spec.disabled}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                spec: { ...value.spec, disabled: !e.target.checked },\n              })\n            }\n          />\n        }\n      />\n    </Stack>\n  );\n}\n\nfunction MergeSeriesTransformEditor({ value, onChange }: TransformSpecEditorProps<MergeSeriesTransform>): ReactElement {\n  return (\n    <Stack direction=\"row\">\n      <FormControlLabel\n        label=\"Enabled\"\n        labelPlacement=\"start\"\n        control={\n          <Switch\n            value={!value.spec.disabled}\n            checked={!value.spec.disabled}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                spec: { ...value.spec, disabled: !e.target.checked },\n              })\n            }\n          />\n        }\n      />\n    </Stack>\n  );\n}\n\nexport interface TransformEditorProps extends Omit<StackProps, 'children' | 'value' | 'onChange'> {\n  value: Transform;\n  onChange: (transform: Transform) => void;\n}\n\nexport function TransformEditor({ value, onChange, ...props }: TransformEditorProps): ReactElement {\n  return (\n    <Stack gap={2} sx={{ width: '100%' }} mt={1} {...props}>\n      <TextField\n        select\n        label=\"Kind\"\n        value={value.kind}\n        onChange={(kind) => onChange({ ...value, kind: kind as unknown as Transform['kind'] } as Transform)}\n      >\n        <MenuItem value=\"JoinByColumnValue\">\n          <Stack>\n            <Typography>Join by column value</Typography>\n            <Typography variant=\"caption\">Regroup rows with equal cell value in a column</Typography>\n          </Stack>\n        </MenuItem>\n        <MenuItem value=\"MergeColumns\">\n          <Stack>\n            <Typography>Merge columns</Typography>\n            <Typography variant=\"caption\">Multiple columns are merged to one column</Typography>\n          </Stack>\n        </MenuItem>\n        <MenuItem value=\"MergeIndexedColumns\">\n          <Stack>\n            <Typography>Merge indexed columns</Typography>\n            <Typography variant=\"caption\">Indexed columns are merged to one column</Typography>\n          </Stack>\n        </MenuItem>\n        <MenuItem value=\"MergeSeries\">\n          <Stack>\n            <Typography>Merge series</Typography>\n            <Typography variant=\"caption\">Series will be merged by their labels</Typography>\n          </Stack>\n        </MenuItem>\n      </TextField>\n      {value.kind === 'JoinByColumnValue' && <JoinByColumnValueTransformEditor value={value} onChange={onChange} />}\n      {value.kind === 'MergeColumns' && <MergeColumnsTransformEditor value={value} onChange={onChange} />}\n      {value.kind === 'MergeIndexedColumns' && <MergeIndexedColumnsTransformEditor value={value} onChange={onChange} />}\n      {value.kind === 'MergeSeries' && <MergeSeriesTransformEditor value={value} onChange={onChange} />}\n    </Stack>\n  );\n}\n"],"names":["Autocomplete","FormControlLabel","MenuItem","Stack","Switch","Typography","TextField","MuiTextField","JoinByColumnValueTransformEditor","value","onChange","direction","freeSolo","multiple","id","sx","width","options","spec","columns","renderInput","params","variant","label","required","_","labelPlacement","control","disabled","checked","e","target","MergeColumnsTransformEditor","gap","alignItems","name","MergeIndexedColumnsTransformEditor","placeholder","column","MergeSeriesTransformEditor","TransformEditor","props","mt","select","kind"],"mappings":"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"}
+{"version":3,"sources":["../../src/TransformsEditor/TransformEditor.tsx"],"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 { StackProps } from '@mui/material';\nimport {\n  Autocomplete,\n  FormControlLabel,\n  MenuItem,\n  Stack,\n  Switch,\n  Typography,\n  TextField as MuiTextField,\n} from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport { TextField } from '../controls';\nimport type {\n  JoinByColumnValueTransform,\n  MergeColumnsTransform,\n  MergeIndexedColumnsTransform,\n  MergeSeriesTransform,\n  PivotByLabelTransform,\n  Transform,\n} from '../model';\n\ninterface TransformSpecEditorProps<Spec> {\n  value: Spec;\n  onChange: (transform: Spec) => void;\n}\n\nfunction JoinByColumnValueTransformEditor({\n  value,\n  onChange,\n}: TransformSpecEditorProps<JoinByColumnValueTransform>): ReactElement {\n  return (\n    <Stack direction=\"row\">\n      <Autocomplete\n        freeSolo\n        multiple\n        id=\"join-columns\"\n        sx={{ width: '100%' }}\n        options={[]} // TODO: autofill columns name when query results is available to panel editors\n        value={value.spec.columns ?? []}\n        renderInput={(params) => <MuiTextField {...params} variant=\"outlined\" label=\"Columns\" required />}\n        onChange={(_, columns) => {\n          onChange({\n            ...value,\n            spec: {\n              ...value.spec,\n              columns: columns,\n            },\n          });\n        }}\n      />\n      <FormControlLabel\n        label=\"Enabled\"\n        labelPlacement=\"start\"\n        control={\n          <Switch\n            value={!value.spec.disabled}\n            checked={!value.spec.disabled}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                spec: { ...value.spec, disabled: !e.target.checked },\n              })\n            }\n          />\n        }\n      />\n    </Stack>\n  );\n}\n\nfunction MergeColumnsTransformEditor({\n  value,\n  onChange,\n}: TransformSpecEditorProps<MergeColumnsTransform>): ReactElement {\n  return (\n    <Stack direction=\"row\" gap={1} alignItems=\"center\">\n      <Autocomplete\n        freeSolo\n        multiple\n        id=\"merge-columns-columns\"\n        sx={{ width: '100%' }}\n        options={[]}\n        value={value.spec.columns ?? []}\n        renderInput={(params) => <MuiTextField {...params} variant=\"outlined\" label=\"Columns\" required />}\n        onChange={(_, columns) => {\n          onChange({\n            ...value,\n            spec: {\n              ...value.spec,\n              columns: columns,\n            },\n          });\n        }}\n      />\n\n      <TextField\n        id=\"merge-columns-name\"\n        variant=\"outlined\"\n        label=\"Output Name\"\n        value={value.spec.name ?? ''}\n        sx={{ width: '100%' }}\n        onChange={(name) => {\n          onChange({\n            ...value,\n            spec: {\n              ...value.spec,\n              name: name,\n            },\n          });\n        }}\n        required\n      />\n      <FormControlLabel\n        label=\"Enabled\"\n        labelPlacement=\"start\"\n        control={\n          <Switch\n            value={!value.spec.disabled}\n            checked={!value.spec.disabled}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                spec: { ...value.spec, disabled: !e.target.checked },\n              })\n            }\n          />\n        }\n      />\n    </Stack>\n  );\n}\n\nfunction MergeIndexedColumnsTransformEditor({\n  value,\n  onChange,\n}: TransformSpecEditorProps<MergeIndexedColumnsTransform>): ReactElement {\n  return (\n    <Stack direction=\"row\">\n      <TextField\n        id=\"merge-indexed-columns\"\n        variant=\"outlined\"\n        label=\"Column\"\n        placeholder=\"Example: 'value' for merging 'value #1', 'value #2' and 'value #...'\"\n        value={value.spec.column ?? ''}\n        sx={{ width: '100%' }}\n        onChange={(column) => {\n          onChange({\n            ...value,\n            spec: { ...value.spec, column: column },\n          });\n        }}\n        required\n      />\n      <FormControlLabel\n        label=\"Enabled\"\n        labelPlacement=\"start\"\n        control={\n          <Switch\n            value={!value.spec.disabled}\n            checked={!value.spec.disabled}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                spec: { ...value.spec, disabled: !e.target.checked },\n              })\n            }\n          />\n        }\n      />\n    </Stack>\n  );\n}\n\nfunction MergeSeriesTransformEditor({ value, onChange }: TransformSpecEditorProps<MergeSeriesTransform>): ReactElement {\n  return (\n    <Stack direction=\"row\">\n      <FormControlLabel\n        label=\"Enabled\"\n        labelPlacement=\"start\"\n        control={\n          <Switch\n            value={!value.spec.disabled}\n            checked={!value.spec.disabled}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                spec: { ...value.spec, disabled: !e.target.checked },\n              })\n            }\n          />\n        }\n      />\n    </Stack>\n  );\n}\n\nexport interface TransformEditorProps extends Omit<StackProps, 'children' | 'value' | 'onChange'> {\n  value: Transform;\n  onChange: (transform: Transform) => void;\n}\n\nexport function TransformEditor({ value, onChange, ...props }: TransformEditorProps): ReactElement {\n  return (\n    <Stack gap={2} sx={{ width: '100%' }} mt={1} {...props}>\n      <TextField\n        select\n        label=\"Kind\"\n        value={value.kind}\n        onChange={(kind) => onChange({ ...value, kind: kind as unknown as Transform['kind'] } as Transform)}\n      >\n        <MenuItem value=\"JoinByColumnValue\">\n          <Stack>\n            <Typography>Join by column value</Typography>\n            <Typography variant=\"caption\">Regroup rows with equal cell value in a column</Typography>\n          </Stack>\n        </MenuItem>\n        <MenuItem value=\"MergeColumns\">\n          <Stack>\n            <Typography>Merge columns</Typography>\n            <Typography variant=\"caption\">Multiple columns are merged to one column</Typography>\n          </Stack>\n        </MenuItem>\n        <MenuItem value=\"MergeIndexedColumns\">\n          <Stack>\n            <Typography>Merge indexed columns</Typography>\n            <Typography variant=\"caption\">Indexed columns are merged to one column</Typography>\n          </Stack>\n        </MenuItem>\n        <MenuItem value=\"MergeSeries\">\n          <Stack>\n            <Typography>Merge series</Typography>\n            <Typography variant=\"caption\">Series will be merged by their labels</Typography>\n          </Stack>\n        </MenuItem>\n        <MenuItem value=\"PivotByLabel\">\n          <Stack>\n            <Typography>Pivot by label</Typography>\n            <Typography variant=\"caption\">Time × label matrix (rows = time, columns = label values)</Typography>\n          </Stack>\n        </MenuItem>\n      </TextField>\n      {value.kind === 'JoinByColumnValue' && <JoinByColumnValueTransformEditor value={value} onChange={onChange} />}\n      {value.kind === 'MergeColumns' && <MergeColumnsTransformEditor value={value} onChange={onChange} />}\n      {value.kind === 'MergeIndexedColumns' && <MergeIndexedColumnsTransformEditor value={value} onChange={onChange} />}\n      {value.kind === 'MergeSeries' && <MergeSeriesTransformEditor value={value} onChange={onChange} />}\n      {value.kind === 'PivotByLabel' && <PivotByLabelTransformEditor value={value} onChange={onChange} />}\n    </Stack>\n  );\n}\n\nfunction PivotByLabelTransformEditor({\n  value,\n  onChange,\n}: TransformSpecEditorProps<PivotByLabelTransform>): ReactElement {\n  return (\n    <Stack gap={2}>\n      <MuiTextField\n        label=\"Column label\"\n        fullWidth\n        value={value.spec.columnLabel ?? ''}\n        onChange={(e) => onChange({ ...value, spec: { ...value.spec, columnLabel: e.target.value } })}\n        helperText=\"Label that becomes dynamic column headers (e.g. farm_short)\"\n      />\n      <MuiTextField\n        label=\"Row field\"\n        fullWidth\n        value={value.spec.rowField ?? 'timestamp'}\n        onChange={(e) => onChange({ ...value, spec: { ...value.spec, rowField: e.target.value } })}\n        helperText=\"Field used for row identity (default: timestamp)\"\n      />\n      <MuiTextField\n        label=\"Value field\"\n        fullWidth\n        value={value.spec.valueField ?? 'value'}\n        onChange={(e) => onChange({ ...value, spec: { ...value.spec, valueField: e.target.value } })}\n      />\n      <MuiTextField\n        label=\"Row column name\"\n        fullWidth\n        value={value.spec.rowColumnName ?? ''}\n        onChange={(e) =>\n          onChange({\n            ...value,\n            spec: { ...value.spec, rowColumnName: e.target.value || undefined },\n          })\n        }\n        helperText=\"Optional display name for the row column (default: row field)\"\n      />\n      <FormControlLabel\n        control={\n          <Switch\n            checked={!!value.spec.disabled}\n            onChange={(_, checked) => onChange({ ...value, spec: { ...value.spec, disabled: checked } })}\n          />\n        }\n        label=\"Disabled\"\n      />\n    </Stack>\n  );\n}\n"],"names":["Autocomplete","FormControlLabel","MenuItem","Stack","Switch","Typography","TextField","MuiTextField","JoinByColumnValueTransformEditor","value","onChange","direction","freeSolo","multiple","id","sx","width","options","spec","columns","renderInput","params","variant","label","required","_","labelPlacement","control","disabled","checked","e","target","MergeColumnsTransformEditor","gap","alignItems","name","MergeIndexedColumnsTransformEditor","placeholder","column","MergeSeriesTransformEditor","TransformEditor","props","mt","select","kind","PivotByLabelTransformEditor","fullWidth","columnLabel","helperText","rowField","valueField","rowColumnName","undefined"],"mappings":"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"}

package/dist/controls/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/controls/TextField.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAMzE,KAAK,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAAC;AAExH,eAAO,MAAM,SAAS,wHAqBpB,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/controls/TextField.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOzE,KAAK,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAAC;AAExH,eAAO,MAAM,SAAS,wHAwBpB,CAAC"}

package/dist/controls/TextField.js

@@ -13,22 +13,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TextField as MuiTextField } from "@mui/material";
 import debounce from "lodash/debounce";
-import { forwardRef, useCallback, useMemo, useState } from "react";
+import { forwardRef, useCallback, useLayoutEffect, useRef, useState } from "react";
 export const TextField = /*#__PURE__*/ forwardRef(function({ debounceMs = 250, value, onChange, ...props }, ref) {
     const [currentValue, setCurrentValue] = useState(value);
-    function handleChange(event) {
-        setCurrentValue(event.target.value);
-        debounceFn(event.target.value);
-    }
-    const handleDebounceFn = useCallback((inputValue)=>{
-        onChange?.(inputValue);
+    const onChangeRef = useRef(onChange);
+    useLayoutEffect(()=>{
+        onChangeRef.current = onChange;
     }, [
         onChange
     ]);
-    const debounceFn = useMemo(()=>debounce(handleDebounceFn, debounceMs), [
-        debounceMs,
-        handleDebounceFn
+    const debounceRef = useRef(null);
+    useLayoutEffect(()=>{
+        const debounceFn = debounce((inputValue)=>onChangeRef.current?.(inputValue), debounceMs);
+        debounceRef.current = debounceFn;
+        return ()=>debounceFn.cancel();
+    }, [
+        debounceMs
     ]);
+    const handleChange = useCallback((event)=>{
+        setCurrentValue(event.target.value);
+        debounceRef.current?.(event.target.value);
+    }, []);
     return /*#__PURE__*/ _jsx(MuiTextField, {
         ref: ref,
         value: currentValue,

package/dist/controls/TextField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/controls/TextField.tsx"],"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 { TextFieldProps as MuiTextFieldProps } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport debounce from 'lodash/debounce';\nimport type { ChangeEvent, ForwardedRef } from 'react';\nimport { forwardRef, useCallback, useMemo, useState } from 'react';\n\ntype TextFieldProps = Omit<MuiTextFieldProps, 'onChange'> & { debounceMs?: number; onChange?: (value: string) => void };\n\nexport const TextField = forwardRef(function (\n  { debounceMs = 250, value, onChange, ...props }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const [currentValue, setCurrentValue] = useState(value);\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n    setCurrentValue(event.target.value);\n    debounceFn(event.target.value);\n  }\n\n  const handleDebounceFn = useCallback(\n    (inputValue: string) => {\n      onChange?.(inputValue);\n    },\n    [onChange],\n  );\n\n  const debounceFn = useMemo(() => debounce(handleDebounceFn, debounceMs), [debounceMs, handleDebounceFn]);\n\n  return <MuiTextField ref={ref} value={currentValue} onChange={handleChange} {...props} />;\n});\nTextField.displayName = 'TextField';\n"],"names":["TextField","MuiTextField","debounce","forwardRef","useCallback","useMemo","useState","debounceMs","value","onChange","props","ref","currentValue","setCurrentValue","handleChange","event","target","debounceFn","handleDebounceFn","inputValue","displayName"],"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,aAAaC,YAAY,QAAQ,gBAAgB;AAC1D,OAAOC,cAAc,kBAAkB;AAEvC,SAASC,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAInE,OAAO,MAAMN,0BAAYG,WAAW,SAClC,EAAEI,aAAa,GAAG,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAAuB,EAC/DC,GAAiC;IAEjC,MAAM,CAACC,cAAcC,gBAAgB,GAAGP,SAASE;IAEjD,SAASM,aAAaC,KAAoC;QACxDF,gBAAgBE,MAAMC,MAAM,CAACR,KAAK;QAClCS,WAAWF,MAAMC,MAAM,CAACR,KAAK;IAC/B;IAEA,MAAMU,mBAAmBd,YACvB,CAACe;QACCV,WAAWU;IACb,GACA;QAACV;KAAS;IAGZ,MAAMQ,aAAaZ,QAAQ,IAAMH,SAASgB,kBAAkBX,aAAa;QAACA;QAAYW;KAAiB;IAEvG,qBAAO,KAACjB;QAAaU,KAAKA;QAAKH,OAAOI;QAAcH,UAAUK;QAAe,GAAGJ,KAAK;;AACvF,GAAG;AACHV,UAAUoB,WAAW,GAAG"}
+{"version":3,"sources":["../../src/controls/TextField.tsx"],"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 { TextFieldProps as MuiTextFieldProps } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport type { DebouncedFunc } from 'lodash';\nimport debounce from 'lodash/debounce';\nimport type { ChangeEvent, ForwardedRef } from 'react';\nimport { forwardRef, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\ntype TextFieldProps = Omit<MuiTextFieldProps, 'onChange'> & { debounceMs?: number; onChange?: (value: string) => void };\n\nexport const TextField = forwardRef(function (\n  { debounceMs = 250, value, onChange, ...props }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const [currentValue, setCurrentValue] = useState(value);\n\n  const onChangeRef = useRef(onChange);\n  useLayoutEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  const debounceRef = useRef<DebouncedFunc<(inputValue: string) => void> | null>(null);\n  useLayoutEffect(() => {\n    const debounceFn = debounce((inputValue: string) => onChangeRef.current?.(inputValue), debounceMs);\n    debounceRef.current = debounceFn;\n    return (): void => debounceFn.cancel();\n  }, [debounceMs]);\n\n  const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>): void => {\n    setCurrentValue(event.target.value);\n    debounceRef.current?.(event.target.value);\n  }, []);\n\n  return <MuiTextField ref={ref} value={currentValue} onChange={handleChange} {...props} />;\n});\nTextField.displayName = 'TextField';\n"],"names":["TextField","MuiTextField","debounce","forwardRef","useCallback","useLayoutEffect","useRef","useState","debounceMs","value","onChange","props","ref","currentValue","setCurrentValue","onChangeRef","current","debounceRef","debounceFn","inputValue","cancel","handleChange","event","target","displayName"],"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,aAAaC,YAAY,QAAQ,gBAAgB;AAE1D,OAAOC,cAAc,kBAAkB;AAEvC,SAASC,UAAU,EAAEC,WAAW,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAInF,OAAO,MAAMP,0BAAYG,WAAW,SAClC,EAAEK,aAAa,GAAG,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAAuB,EAC/DC,GAAiC;IAEjC,MAAM,CAACC,cAAcC,gBAAgB,GAAGP,SAASE;IAEjD,MAAMM,cAAcT,OAAOI;IAC3BL,gBAAgB;QACdU,YAAYC,OAAO,GAAGN;IACxB,GAAG;QAACA;KAAS;IAEb,MAAMO,cAAcX,OAA2D;IAC/ED,gBAAgB;QACd,MAAMa,aAAahB,SAAS,CAACiB,aAAuBJ,YAAYC,OAAO,GAAGG,aAAaX;QACvFS,YAAYD,OAAO,GAAGE;QACtB,OAAO,IAAYA,WAAWE,MAAM;IACtC,GAAG;QAACZ;KAAW;IAEf,MAAMa,eAAejB,YAAY,CAACkB;QAChCR,gBAAgBQ,MAAMC,MAAM,CAACd,KAAK;QAClCQ,YAAYD,OAAO,GAAGM,MAAMC,MAAM,CAACd,KAAK;IAC1C,GAAG,EAAE;IAEL,qBAAO,KAACR;QAAaW,KAAKA;QAAKH,OAAOI;QAAcH,UAAUW;QAAe,GAAGV,KAAK;;AACvF,GAAG;AACHX,UAAUwB,WAAW,GAAG"}

package/dist/model/custom.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Optional display override on standard formats.
+ * `unit` remains the stable key (multi-axis, maps, UI config);
+ * `customLabel` only changes the text shown after the scaled quantity.
+ *
+ * Data sizes (bytes/bits): keep SI/IEC scale (Ki, Mi, K, M, …) and replace the
+ * base unit — e.g. "1.46 KiB" + "prout" → "1.46 Ki prout" (not "gigaprout").
+ * Dates stay untouched (structured timestamps).
+ */
+export type WithCustomLabel = {
+    customLabel?: string;
+};
+/**
+ * Whether FormatControls / formatValue should honor customLabel for this unit key.
+ */
+export declare function supportsCustomLabel(unit?: string): boolean;
+/**
+ * If customLabel is set and the unit is supported, replace the standard unit text
+ * with the display label. Dates leave `formatted` unchanged.
+ */
+export declare function applyCustomLabel(formatted: string, customLabel?: string, unit?: string): string;
+//# sourceMappingURL=custom.d.ts.map

package/dist/model/custom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../src/model/custom.ts"],"names":[],"mappings":"AAaA;;;;;;;;GAQG;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAgEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAK1D;AAKD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAwD/F"}

package/dist/model/custom.js

@@ -0,0 +1,243 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+/**
+ * Optional display override on standard formats.
+ * `unit` remains the stable key (multi-axis, maps, UI config);
+ * `customLabel` only changes the text shown after the scaled quantity.
+ *
+ * Data sizes (bytes/bits): keep SI/IEC scale (Ki, Mi, K, M, …) and replace the
+ * base unit — e.g. "1.46 KiB" + "prout" → "1.46 Ki prout" (not "gigaprout").
+ * Dates stay untouched (structured timestamps).
+ */ /** Units where customLabel is not applied (unstructured / identity formats). */ const CUSTOM_LABEL_EXCLUDED_UNITS = new Set([
+    'datetime-iso',
+    'datetime-us',
+    'datetime-local',
+    'date-iso',
+    'date-us',
+    'date-local',
+    'time-local',
+    'time-iso',
+    'time-us',
+    'relative-time',
+    'unix-timestamp',
+    'unix-timestamp-ms'
+]);
+const DATA_SIZE_UNITS = new Set([
+    'bytes',
+    'decbytes',
+    'bits',
+    'decbits',
+    'bytes/sec',
+    'decbytes/sec',
+    'bits/sec',
+    'decbits/sec'
+]);
+const CURRENCY_UNITS = new Set([
+    'usd',
+    'eur',
+    'gbp',
+    'jpy',
+    'cny',
+    'cad',
+    'aud',
+    'chf',
+    'hkd',
+    'sgd',
+    'sek',
+    'krw',
+    'nok',
+    'nzd',
+    'inr',
+    'mxn',
+    'twd',
+    'zar',
+    'brl',
+    'dkk',
+    'pln',
+    'thb',
+    'ils',
+    'czk',
+    'clp',
+    'php',
+    'aed',
+    'cop',
+    'sar',
+    'myr',
+    'ron',
+    'afn'
+]);
+/**
+ * Whether FormatControls / formatValue should honor customLabel for this unit key.
+ */ export function supportsCustomLabel(unit) {
+    if (!unit) {
+        return true;
+    }
+    return !CUSTOM_LABEL_EXCLUDED_UNITS.has(unit);
+}
+/** Sign + number (grouped / scientific). */ const LEADING_NUMBER = /^[+-]?(?:\d{1,3}(?:,\d{3})*|\d+)(?:\.\d+)?(?:[eE][+-]?\d+)?/;
+/**
+ * If customLabel is set and the unit is supported, replace the standard unit text
+ * with the display label. Dates leave `formatted` unchanged.
+ */ export function applyCustomLabel(formatted, customLabel, unit) {
+    const label = customLabel?.trim();
+    if (!label) {
+        return formatted;
+    }
+    if (!supportsCustomLabel(unit)) {
+        return formatted;
+    }
+    if (unit && DATA_SIZE_UNITS.has(unit)) {
+        return applyDataSizeCustomLabel(formatted, label);
+    }
+    if (unit && CURRENCY_UNITS.has(unit)) {
+        return applyCurrencyCustomLabel(formatted, label);
+    }
+    // formatTime zero sentinel
+    if (formatted === '0s') {
+        return `0 ${label}`;
+    }
+    // Percent: "12.3%" → "12.3 load"
+    if (unit === 'percent' || unit === 'percent-decimal') {
+        if (formatted.endsWith('%')) {
+            return `${formatted.slice(0, -1).trimEnd()} ${label}`;
+        }
+    }
+    // Temperature: "11°C" / "52°F"
+    if (unit === 'celsius' && formatted.endsWith('°C')) {
+        return `${formatted.slice(0, -2).trimEnd()} ${label}`;
+    }
+    if (unit === 'fahrenheit' && formatted.endsWith('°F')) {
+        return `${formatted.slice(0, -2).trimEnd()} ${label}`;
+    }
+    // Exact unit-key suffix: "10 ops/sec", "1.5K ops/sec"
+    if (unit && formatted.endsWith(` ${unit}`)) {
+        return `${formatted.slice(0, -(unit.length + 1))} ${label}`;
+    }
+    // Time units: Intl narrow often glues the suffix ("1ms", "1μs") with no space — the
+    // generic leadingQuantity path can leave "ms" if a consumer re-appends a label, and
+    // the bare append fallback would yield "1ms prout". Strip known time tokens first.
+    if (unit && TIME_FORMAT_UNITS.has(unit)) {
+        return applyTimeCustomLabel(formatted, label);
+    }
+    // Decimal / throughput fallback: keep leading quantity only
+    const qty = leadingQuantity(formatted);
+    if (qty !== null) {
+        return `${qty} ${label}`;
+    }
+    return `${formatted} ${label}`;
+}
+/** Time format unit keys (formatTime / Intl unit style). */ const TIME_FORMAT_UNITS = new Set([
+    'nanoseconds',
+    'microseconds',
+    'milliseconds',
+    'seconds',
+    'minutes',
+    'hours',
+    'days',
+    'weeks',
+    'months',
+    'years'
+]);
+/**
+ * Replace formatTime output with custom label.
+ * Handles glued narrow units (1ms, 500µs), spaced long forms (1 month), and
+ * multi-part strings (1d255ms) by keeping only the leading quantity (+ compact K/M/B/T).
+ */ function applyTimeCustomLabel(formatted, label) {
+    const body = formatted.trim();
+    if (body === '0s' || body === '0') {
+        return `0 ${label}`;
+    }
+    // Strip trailing time tokens (repeat for compound "1d 2h", "1d255ms").
+    // Long names → multi-letter narrow (ms before m|s) → single-letter. One µ only (not µs|μs).
+    let stripped = body.replace(/\u03bc/g, '\u00b5'); // Greek μ → micro sign µ (Intl variants)
+    const timeToken = /(?:\s*)(?:milliseconds?|microseconds?|nanoseconds?|seconds?|minutes?|hours?|days?|weeks?|months?|years?|ms|us|ns|µs|[ywdhms])$/i;
+    let guard = 0;
+    while(timeToken.test(stripped) && guard++ < 8){
+        stripped = stripped.replace(timeToken, '').trimEnd();
+    }
+    if (stripped !== '' && stripped !== body) {
+        // Prefer full numeric head (incl. decimals / compact) from stripped body
+        const qty = leadingQuantity(stripped) ?? stripped;
+        return `${qty} ${label}`;
+    }
+    const qty = leadingQuantity(body);
+    if (qty !== null) {
+        return `${qty} ${label}`;
+    }
+    return `${body} ${label}`;
+}
+/**
+ * Bytes/bits (+ optional /s|/sec): keep scale (Ki, Mi, K, M, …), replace base unit.
+ * "1.46 KiB" + prout → "1.46 Ki prout"
+ * "1.5 KB/s" + wire → "1.5 K wire/s"
+ * "500 bytes" + prout → "500 prout"
+ */ function applyDataSizeCustomLabel(formatted, label) {
+    let rate = '';
+    let body = formatted.trim();
+    const rateM = body.match(/(\/s(?:ec)?)$/i);
+    if (rateM?.[1]) {
+        rate = rateM[1];
+        body = body.slice(0, -rate.length).trimEnd();
+    }
+    // Long form: "500 bytes", "1,500 bits"
+    const long = body.match(/^(.+?)\s+(bytes?|bits?)$/i);
+    if (long?.[1]) {
+        return `${long[1].trim()} ${label}${rate}`;
+    }
+    // Short form: "1.46 KiB", "1.5 KB", "1.46 Kib", "1.5 Kb" (optional space before scale)
+    const short = body.match(/^(.+?)\s*([KMGTPE]i?)\s*([Bb])$/);
+    if (short?.[1] && short[2]) {
+        return `${short[1].trim()} ${short[2]} ${label}${rate}`;
+    }
+    const qty = leadingQuantity(body);
+    if (qty !== null) {
+        return `${qty} ${label}${rate}`;
+    }
+    return `${formatted} ${label}`;
+}
+/**
+ * Currency: drop symbol/code, keep amount + custom label.
+ * "$1,500" + credits → "1,500 credits"
+ */ function applyCurrencyCustomLabel(formatted, label) {
+    // Strip common leading/trailing currency symbols and ISO codes.
+    // Keep optional leading sign so "-$1.23" → "-1.23 credits" (not "-$1.23 credits").
+    let body = formatted.trim();
+    body = body.replace(/^([+-]?)\s*[^\d\s+-]+/, '$1'); // -$1.23 / $1.23 / €12.3
+    body = body.replace(/\s*[A-Z]{3}$/, ''); // trailing USD
+    body = body.trim();
+    const qty = leadingQuantity(body);
+    if (qty !== null) {
+        return `${body} ${label}`;
+    }
+    return `${body} ${label}`;
+}
+/**
+ * Numeric prefix of a formatted value, keeping SI compact (1.5K)
+ * but not unit letters glued to the number (500ms → 500, not 500m).
+ */ function leadingQuantity(formatted) {
+    const s = formatted.trimStart();
+    const num = s.match(LEADING_NUMBER);
+    if (!num?.[0]) {
+        return null;
+    }
+    const head = num[0];
+    const rest = s.slice(head.length);
+    // Compact decimal suffix K/M/B/T only when not starting a longer unit word (ms, min, …).
+    const compact = rest.match(/^([KMBT])(?=\s|$)/i);
+    if (compact) {
+        return head + compact[1];
+    }
+    return head;
+}
+
+//# sourceMappingURL=custom.js.map

package/dist/model/custom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/model/custom.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\n/**\n * Optional display override on standard formats.\n * `unit` remains the stable key (multi-axis, maps, UI config);\n * `customLabel` only changes the text shown after the scaled quantity.\n *\n * Data sizes (bytes/bits): keep SI/IEC scale (Ki, Mi, K, M, …) and replace the\n * base unit — e.g. \"1.46 KiB\" + \"prout\" → \"1.46 Ki prout\" (not \"gigaprout\").\n * Dates stay untouched (structured timestamps).\n */\n\nexport type WithCustomLabel = {\n  customLabel?: string;\n};\n\n/** Units where customLabel is not applied (unstructured / identity formats). */\nconst CUSTOM_LABEL_EXCLUDED_UNITS = new Set([\n  'datetime-iso',\n  'datetime-us',\n  'datetime-local',\n  'date-iso',\n  'date-us',\n  'date-local',\n  'time-local',\n  'time-iso',\n  'time-us',\n  'relative-time',\n  'unix-timestamp',\n  'unix-timestamp-ms',\n]);\n\nconst DATA_SIZE_UNITS = new Set([\n  'bytes',\n  'decbytes',\n  'bits',\n  'decbits',\n  'bytes/sec',\n  'decbytes/sec',\n  'bits/sec',\n  'decbits/sec',\n]);\n\nconst CURRENCY_UNITS = new Set([\n  'usd',\n  'eur',\n  'gbp',\n  'jpy',\n  'cny',\n  'cad',\n  'aud',\n  'chf',\n  'hkd',\n  'sgd',\n  'sek',\n  'krw',\n  'nok',\n  'nzd',\n  'inr',\n  'mxn',\n  'twd',\n  'zar',\n  'brl',\n  'dkk',\n  'pln',\n  'thb',\n  'ils',\n  'czk',\n  'clp',\n  'php',\n  'aed',\n  'cop',\n  'sar',\n  'myr',\n  'ron',\n  'afn',\n]);\n\n/**\n * Whether FormatControls / formatValue should honor customLabel for this unit key.\n */\nexport function supportsCustomLabel(unit?: string): boolean {\n  if (!unit) {\n    return true;\n  }\n  return !CUSTOM_LABEL_EXCLUDED_UNITS.has(unit);\n}\n\n/** Sign + number (grouped / scientific). */\nconst LEADING_NUMBER = /^[+-]?(?:\\d{1,3}(?:,\\d{3})*|\\d+)(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/;\n\n/**\n * If customLabel is set and the unit is supported, replace the standard unit text\n * with the display label. Dates leave `formatted` unchanged.\n */\nexport function applyCustomLabel(formatted: string, customLabel?: string, unit?: string): string {\n  const label = customLabel?.trim();\n  if (!label) {\n    return formatted;\n  }\n  if (!supportsCustomLabel(unit)) {\n    return formatted;\n  }\n\n  if (unit && DATA_SIZE_UNITS.has(unit)) {\n    return applyDataSizeCustomLabel(formatted, label);\n  }\n\n  if (unit && CURRENCY_UNITS.has(unit)) {\n    return applyCurrencyCustomLabel(formatted, label);\n  }\n\n  // formatTime zero sentinel\n  if (formatted === '0s') {\n    return `0 ${label}`;\n  }\n\n  // Percent: \"12.3%\" → \"12.3 load\"\n  if (unit === 'percent' || unit === 'percent-decimal') {\n    if (formatted.endsWith('%')) {\n      return `${formatted.slice(0, -1).trimEnd()} ${label}`;\n    }\n  }\n\n  // Temperature: \"11°C\" / \"52°F\"\n  if (unit === 'celsius' && formatted.endsWith('°C')) {\n    return `${formatted.slice(0, -2).trimEnd()} ${label}`;\n  }\n  if (unit === 'fahrenheit' && formatted.endsWith('°F')) {\n    return `${formatted.slice(0, -2).trimEnd()} ${label}`;\n  }\n\n  // Exact unit-key suffix: \"10 ops/sec\", \"1.5K ops/sec\"\n  if (unit && formatted.endsWith(` ${unit}`)) {\n    return `${formatted.slice(0, -(unit.length + 1))} ${label}`;\n  }\n\n  // Time units: Intl narrow often glues the suffix (\"1ms\", \"1μs\") with no space — the\n  // generic leadingQuantity path can leave \"ms\" if a consumer re-appends a label, and\n  // the bare append fallback would yield \"1ms prout\". Strip known time tokens first.\n  if (unit && TIME_FORMAT_UNITS.has(unit)) {\n    return applyTimeCustomLabel(formatted, label);\n  }\n\n  // Decimal / throughput fallback: keep leading quantity only\n  const qty = leadingQuantity(formatted);\n  if (qty !== null) {\n    return `${qty} ${label}`;\n  }\n\n  return `${formatted} ${label}`;\n}\n\n/** Time format unit keys (formatTime / Intl unit style). */\nconst TIME_FORMAT_UNITS = new Set([\n  'nanoseconds',\n  'microseconds',\n  'milliseconds',\n  'seconds',\n  'minutes',\n  'hours',\n  'days',\n  'weeks',\n  'months',\n  'years',\n]);\n\n/**\n * Replace formatTime output with custom label.\n * Handles glued narrow units (1ms, 500µs), spaced long forms (1 month), and\n * multi-part strings (1d255ms) by keeping only the leading quantity (+ compact K/M/B/T).\n */\nfunction applyTimeCustomLabel(formatted: string, label: string): string {\n  const body = formatted.trim();\n  if (body === '0s' || body === '0') {\n    return `0 ${label}`;\n  }\n\n  // Strip trailing time tokens (repeat for compound \"1d 2h\", \"1d255ms\").\n  // Long names → multi-letter narrow (ms before m|s) → single-letter. One µ only (not µs|μs).\n  let stripped = body.replace(/\\u03bc/g, '\\u00b5'); // Greek μ → micro sign µ (Intl variants)\n  const timeToken =\n    /(?:\\s*)(?:milliseconds?|microseconds?|nanoseconds?|seconds?|minutes?|hours?|days?|weeks?|months?|years?|ms|us|ns|µs|[ywdhms])$/i;\n  let guard = 0;\n  while (timeToken.test(stripped) && guard++ < 8) {\n    stripped = stripped.replace(timeToken, '').trimEnd();\n  }\n  if (stripped !== '' && stripped !== body) {\n    // Prefer full numeric head (incl. decimals / compact) from stripped body\n    const qty = leadingQuantity(stripped) ?? stripped;\n    return `${qty} ${label}`;\n  }\n\n  const qty = leadingQuantity(body);\n  if (qty !== null) {\n    return `${qty} ${label}`;\n  }\n  return `${body} ${label}`;\n}\n\n/**\n * Bytes/bits (+ optional /s|/sec): keep scale (Ki, Mi, K, M, …), replace base unit.\n * \"1.46 KiB\" + prout → \"1.46 Ki prout\"\n * \"1.5 KB/s\" + wire → \"1.5 K wire/s\"\n * \"500 bytes\" + prout → \"500 prout\"\n */\nfunction applyDataSizeCustomLabel(formatted: string, label: string): string {\n  let rate = '';\n  let body = formatted.trim();\n  const rateM = body.match(/(\\/s(?:ec)?)$/i);\n  if (rateM?.[1]) {\n    rate = rateM[1];\n    body = body.slice(0, -rate.length).trimEnd();\n  }\n\n  // Long form: \"500 bytes\", \"1,500 bits\"\n  const long = body.match(/^(.+?)\\s+(bytes?|bits?)$/i);\n  if (long?.[1]) {\n    return `${long[1].trim()} ${label}${rate}`;\n  }\n\n  // Short form: \"1.46 KiB\", \"1.5 KB\", \"1.46 Kib\", \"1.5 Kb\" (optional space before scale)\n  const short = body.match(/^(.+?)\\s*([KMGTPE]i?)\\s*([Bb])$/);\n  if (short?.[1] && short[2]) {\n    return `${short[1].trim()} ${short[2]} ${label}${rate}`;\n  }\n\n  const qty = leadingQuantity(body);\n  if (qty !== null) {\n    return `${qty} ${label}${rate}`;\n  }\n  return `${formatted} ${label}`;\n}\n\n/**\n * Currency: drop symbol/code, keep amount + custom label.\n * \"$1,500\" + credits → \"1,500 credits\"\n */\nfunction applyCurrencyCustomLabel(formatted: string, label: string): string {\n  // Strip common leading/trailing currency symbols and ISO codes.\n  // Keep optional leading sign so \"-$1.23\" → \"-1.23 credits\" (not \"-$1.23 credits\").\n  let body = formatted.trim();\n  body = body.replace(/^([+-]?)\\s*[^\\d\\s+-]+/, '$1'); // -$1.23 / $1.23 / €12.3\n  body = body.replace(/\\s*[A-Z]{3}$/, ''); // trailing USD\n  body = body.trim();\n  const qty = leadingQuantity(body);\n  if (qty !== null) {\n    return `${body} ${label}`;\n  }\n  return `${body} ${label}`;\n}\n\n/**\n * Numeric prefix of a formatted value, keeping SI compact (1.5K)\n * but not unit letters glued to the number (500ms → 500, not 500m).\n */\nfunction leadingQuantity(formatted: string): string | null {\n  const s = formatted.trimStart();\n  const num = s.match(LEADING_NUMBER);\n  if (!num?.[0]) {\n    return null;\n  }\n  const head = num[0];\n  const rest = s.slice(head.length);\n\n  // Compact decimal suffix K/M/B/T only when not starting a longer unit word (ms, min, …).\n  const compact = rest.match(/^([KMBT])(?=\\s|$)/i);\n  if (compact) {\n    return head + compact[1];\n  }\n\n  return head;\n}\n"],"names":["CUSTOM_LABEL_EXCLUDED_UNITS","Set","DATA_SIZE_UNITS","CURRENCY_UNITS","supportsCustomLabel","unit","has","LEADING_NUMBER","applyCustomLabel","formatted","customLabel","label","trim","applyDataSizeCustomLabel","applyCurrencyCustomLabel","endsWith","slice","trimEnd","length","TIME_FORMAT_UNITS","applyTimeCustomLabel","qty","leadingQuantity","body","stripped","replace","timeToken","guard","test","rate","rateM","match","long","short","s","trimStart","num","head","rest","compact"],"mappings":"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"}