@perses-dev/components 0.54.0-beta.0 → 0.54.0-beta.1

package/dist/TimeSeriesTooltip/nearby-series.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTooltip/nearby-series.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 { ECharts as EChartsInstance } from 'echarts/core';\nimport { LineSeriesOption } from 'echarts/charts';\nimport { formatValue, TimeSeriesValueTuple, FormatOptions, TimeSeries } from '@perses-dev/core'; // TODO\nimport { EChartsDataFormat, OPTIMIZED_MODE_SERIES_LIMIT, TimeChartSeriesMapping, DatapointInfo } from '../model';\nimport { batchDispatchNearbySeriesActions, getPointInGrid, getClosestTimestamp } from '../utils';\nimport { CursorCoordinates, CursorData, EMPTY_TOOLTIP_DATA } from './tooltip-model';\n\n// increase multipliers to show more series in tooltip\nexport const INCREASE_NEARBY_SERIES_MULTIPLIER = 5.5; // adjusts how many series show in tooltip (higher == more series shown)\nexport const DYNAMIC_NEARBY_SERIES_MULTIPLIER = 30; // used for adjustment after series number divisor\nexport const SHOW_FEWER_SERIES_LIMIT = 5;\n\nexport interface NearbySeriesInfo {\n  seriesIdx: number | null;\n  datumIdx: number | null;\n  seriesName: string;\n  date: number;\n  markerColor: string;\n  x: number;\n  y: number;\n  formattedY: string;\n  isClosestToCursor: boolean;\n}\n\nexport type NearbySeriesArray = NearbySeriesInfo[];\n\n/**\n * Returns formatted series data for the points that are close to the user's cursor.\n * Adjust xBuffer and yBuffer to increase or decrease number of series shown.\n */\nexport function checkforNearbyTimeSeries(\n  data: TimeSeries[],\n  seriesMapping: TimeChartSeriesMapping,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart: EChartsInstance,\n  format?: FormatOptions,\n  seriesFormatMap?: Map<string, FormatOptions>,\n  // in the case of multi-axis, we need the cursor Y position in pixel space\n  cursorPixelY?: number\n): NearbySeriesArray {\n  const currentNearbySeriesData: NearbySeriesArray = [];\n  const cursorX: number | null = pointInGrid[0] ?? null;\n  const cursorY: number | null = pointInGrid[1] ?? null;\n\n  if (cursorX === null || cursorY === null) return currentNearbySeriesData;\n\n  if (chart.dispatchAction === undefined) return currentNearbySeriesData;\n\n  if (!Array.isArray(data)) return currentNearbySeriesData;\n  const nearbySeriesIndexes: number[] = [];\n  const emphasizedSeriesIndexes: number[] = [];\n  const nonEmphasizedSeriesIndexes: number[] = [];\n  const emphasizedDatapoints: DatapointInfo[] = [];\n  const duplicateDatapoints: DatapointInfo[] = [];\n\n  const totalSeries = data.length;\n\n  const yValueCounts: Map<number, number> = new Map();\n\n  // Only need to loop through first dataset source since getCommonTimeScale ensures xAxis timestamps are consistent\n  const firstTimeSeriesValues = data[0]?.values;\n  const closestTimestamp = getClosestTimestamp(firstTimeSeriesValues, cursorX);\n\n  if (closestTimestamp === null) {\n    return EMPTY_TOOLTIP_DATA;\n  }\n\n  // For multi-axis support: convert yBuffer to pixel space for consistent comparison\n  // This allows us to compare series on different Y axes fairly\n  let yBufferPixels: number | null = null;\n  if (cursorPixelY !== undefined) {\n    // Convert a point at cursorY and cursorY + yBuffer to pixels to get the buffer in pixel space\n    const cursorPoint = chart.convertToPixel('grid', [0, cursorY]);\n    const bufferPoint = chart.convertToPixel('grid', [0, cursorY + yBuffer]);\n    if (cursorPoint && bufferPoint && cursorPoint[1] !== undefined && bufferPoint[1] !== undefined) {\n      yBufferPixels = Math.abs(bufferPoint[1] - cursorPoint[1]);\n    }\n  }\n\n  // find the timestamp with data that is closest to cursorX\n  for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n    const currentSeries = seriesMapping[seriesIdx];\n    if (!currentSeries) break;\n\n    const currentDataset = totalSeries > 0 ? data[seriesIdx] : null;\n    if (!currentDataset) break;\n\n    const currentDatasetValues: TimeSeriesValueTuple[] = currentDataset.values;\n    if (currentDatasetValues === undefined || !Array.isArray(currentDatasetValues)) break;\n    const lineSeries = currentSeries as LineSeriesOption;\n    const currentSeriesName = lineSeries.name ? lineSeries.name.toString() : '';\n    const seriesId = lineSeries.id ? lineSeries.id.toString() : '';\n    const markerColor = lineSeries.color ?? '#000';\n\n    // Get the format for this series (from seriesFormatMap or fallback to default format)\n    const seriesFormat = seriesFormatMap?.get(seriesId) ?? format;\n\n    if (Array.isArray(data)) {\n      for (let datumIdx = 0; datumIdx < currentDatasetValues.length; datumIdx++) {\n        const nearbyTimeSeries = currentDatasetValues[datumIdx];\n        if (nearbyTimeSeries === undefined || !Array.isArray(nearbyTimeSeries)) break;\n\n        const xValue = nearbyTimeSeries[0];\n        const yValue = nearbyTimeSeries[1];\n        // TODO: ensure null values not displayed in tooltip\n        if (yValue !== undefined && yValue !== null) {\n          if (closestTimestamp === xValue) {\n            // Check if this series is nearby the cursor\n            let isNearby = false;\n\n            // For multi-axis: compare in pixel space\n            if (cursorPixelY !== undefined && yBufferPixels !== null) {\n              const dataPointPixel = chart.convertToPixel({ seriesIndex: seriesIdx }, [datumIdx, yValue]);\n              if (dataPointPixel && dataPointPixel[1] !== undefined) {\n                const pixelDistance = Math.abs(cursorPixelY - dataPointPixel[1]);\n                isNearby = pixelDistance <= yBufferPixels;\n              } else {\n                // Fallback to data-space comparison for primary axis\n                isNearby = cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer;\n              }\n            } else {\n              // Fallback to original data-space comparison\n              isNearby = cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer;\n            }\n\n            if (isNearby) {\n              // show fewer bold series in tooltip when many total series\n              const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;\n              const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);\n\n              // For isClosestToCursor, also use pixel space for multi-axis\n              let isClosestToCursor = false;\n              if (cursorPixelY !== undefined) {\n                const dataPointPixel = chart.convertToPixel({ seriesIndex: seriesIdx }, [datumIdx, yValue]);\n                if (dataPointPixel && dataPointPixel[1] !== undefined) {\n                  const pixelDistance = Math.abs(cursorPixelY - dataPointPixel[1]);\n                  // Use percentage of buffer for \"closest\" determination\n                  const tightBufferPixels = (yBufferPixels ?? 50) * (percentRangeToCheck / 100);\n                  isClosestToCursor = pixelDistance <= Math.max(tightBufferPixels, 5);\n                } else {\n                  isClosestToCursor = isWithinPercentageRange({\n                    valueToCheck: cursorY,\n                    baseValue: yValue,\n                    percentage: percentRangeToCheck,\n                  });\n                }\n              } else {\n                isClosestToCursor = isWithinPercentageRange({\n                  valueToCheck: cursorY,\n                  baseValue: yValue,\n                  percentage: percentRangeToCheck,\n                });\n              }\n\n              if (isClosestToCursor) {\n                // shows as bold in tooltip, customize 'emphasis' options in getTimeSeries util\n                emphasizedSeriesIndexes.push(seriesIdx);\n\n                // Used to determine which datapoint to apply select styles to.\n                // Accounts for cases where lines may be rendered directly on top of eachother.\n                const duplicateValuesCount = yValueCounts.get(yValue) ?? 0;\n                yValueCounts.set(yValue, duplicateValuesCount + 1);\n                if (duplicateValuesCount > 0) {\n                  duplicateDatapoints.push({\n                    seriesIndex: seriesIdx,\n                    dataIndex: datumIdx,\n                    seriesName: currentSeriesName,\n                    yValue: yValue,\n                  });\n                }\n\n                // keep track of all bold datapoints in tooltip so that 'select' state only applied to topmost\n                emphasizedDatapoints.push({\n                  seriesIndex: seriesIdx,\n                  dataIndex: datumIdx,\n                  seriesName: currentSeriesName,\n                  yValue: yValue,\n                });\n              } else {\n                nonEmphasizedSeriesIndexes.push(seriesIdx);\n                // ensure series far away from cursor are not highlighted\n                chart.dispatchAction({\n                  type: 'downplay',\n                  seriesIndex: seriesIdx,\n                });\n              }\n              const formattedY = formatValue(yValue, seriesFormat);\n              currentNearbySeriesData.push({\n                seriesIdx: seriesIdx,\n                datumIdx: datumIdx,\n                seriesName: currentSeriesName,\n                date: closestTimestamp,\n                x: xValue,\n                y: yValue,\n                formattedY: formattedY,\n                markerColor: markerColor.toString(),\n                isClosestToCursor,\n              });\n              nearbySeriesIndexes.push(seriesIdx);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  batchDispatchNearbySeriesActions(\n    chart,\n    nearbySeriesIndexes,\n    emphasizedSeriesIndexes,\n    nonEmphasizedSeriesIndexes,\n    emphasizedDatapoints,\n    duplicateDatapoints\n  );\n\n  return currentNearbySeriesData;\n}\n\n/**\n * [DEPRECATED] Returns formatted series data for the points that are close to the user's cursor\n * Adjust yBuffer to increase or decrease number of series shown\n */\nexport function legacyCheckforNearbySeries(\n  data: EChartsDataFormat,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart?: EChartsInstance,\n  format?: FormatOptions\n): NearbySeriesArray {\n  const currentNearbySeriesData: NearbySeriesArray = [];\n  const cursorX: number | null = pointInGrid[0] ?? null;\n  const cursorY: number | null = pointInGrid[1] ?? null;\n\n  if (cursorX === null || cursorY === null) {\n    return currentNearbySeriesData;\n  }\n\n  const nearbySeriesIndexes: number[] = [];\n  const emphasizedSeriesIndexes: number[] = [];\n  const nonEmphasizedSeriesIndexes: number[] = [];\n  const totalSeries = data.timeSeries.length;\n  if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {\n    for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n      const currentSeries = data.timeSeries[seriesIdx];\n      if (currentSeries === undefined) break;\n      if (currentNearbySeriesData.length >= OPTIMIZED_MODE_SERIES_LIMIT) break;\n\n      const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';\n      const markerColor = currentSeries.color ?? '#000';\n      if (Array.isArray(currentSeries.data)) {\n        for (let datumIdx = 0; datumIdx < currentSeries.data.length; datumIdx++) {\n          const xValue = data.xAxis[datumIdx] ?? 0;\n          const yValue = currentSeries.data[datumIdx];\n          // ensure null values not displayed in tooltip\n          if (yValue !== undefined && yValue !== null && cursorX === datumIdx) {\n            if (yValue !== '-' && cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {\n              // show fewer bold series in tooltip when many total series\n              const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;\n              const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);\n              const isClosestToCursor = isWithinPercentageRange({\n                valueToCheck: cursorY,\n                baseValue: yValue,\n                percentage: percentRangeToCheck,\n              });\n              if (isClosestToCursor) {\n                emphasizedSeriesIndexes.push(seriesIdx);\n              } else {\n                nonEmphasizedSeriesIndexes.push(seriesIdx);\n                // ensure series not close to cursor are not highlighted\n                if (chart?.dispatchAction !== undefined) {\n                  chart.dispatchAction({\n                    type: 'downplay',\n                    seriesIndex: seriesIdx,\n                  });\n                }\n              }\n\n              // determine whether to convert timestamp to ms, see: https://stackoverflow.com/a/23982005/17575201\n              const xValueMilliSeconds = xValue > 99999999999 ? xValue : xValue * 1000;\n              const formattedY = formatValue(yValue, format);\n              currentNearbySeriesData.push({\n                seriesIdx: seriesIdx,\n                datumIdx: datumIdx,\n                seriesName: currentSeriesName,\n                date: xValueMilliSeconds,\n                x: xValue,\n                y: yValue,\n                formattedY: formattedY,\n                markerColor: markerColor.toString(),\n                isClosestToCursor,\n              });\n              nearbySeriesIndexes.push(seriesIdx);\n            }\n          }\n        }\n      }\n    }\n  }\n  if (chart?.dispatchAction !== undefined) {\n    // Clears emphasis state of all lines that are not emphasized.\n    // Emphasized is a subset of just the nearby series that are closest to cursor.\n    chart.dispatchAction({\n      type: 'downplay',\n      seriesIndex: nonEmphasizedSeriesIndexes,\n    });\n\n    // https://echarts.apache.org/en/api.html#action.highlight\n    if (emphasizedSeriesIndexes.length > 0) {\n      // Fadeout opacity of all series not closest to cursor.\n      chart.dispatchAction({\n        type: 'highlight',\n        seriesIndex: emphasizedSeriesIndexes,\n        notBlur: false, // ensure blur IS triggered, this is default but setting so it is explicit\n        escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n      });\n    } else {\n      // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.\n      chart.dispatchAction({\n        type: 'highlight',\n        seriesIndex: nearbySeriesIndexes,\n        notBlur: true, // do not trigger blur state when cursor is not immediately close to any series\n        escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n      });\n    }\n  }\n\n  return currentNearbySeriesData;\n}\n\n/**\n * Uses mouse position to determine whether user is hovering over a chart canvas\n * If yes, convert from pixel values to logical cartesian coordinates and return all nearby series\n */\nexport function getNearbySeriesData({\n  mousePos,\n  pinnedPos,\n  data,\n  seriesMapping,\n  chart,\n  format,\n  seriesFormatMap,\n  showAllSeries = false,\n}: {\n  mousePos: CursorData['coords'];\n  pinnedPos: CursorCoordinates | null;\n  data: TimeSeries[];\n  seriesMapping: TimeChartSeriesMapping;\n  chart?: EChartsInstance;\n  format?: FormatOptions;\n  seriesFormatMap?: Map<string, FormatOptions>;\n  showAllSeries?: boolean;\n}): NearbySeriesArray {\n  if (chart === undefined || mousePos === null) return EMPTY_TOOLTIP_DATA;\n\n  // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned\n  let cursorTargetMatchesChart = false;\n  if (mousePos.target !== null) {\n    const currentParent = (<HTMLElement>mousePos.target).parentElement;\n    if (currentParent !== null) {\n      const currentGrandparent = currentParent.parentElement;\n      if (currentGrandparent !== null) {\n        const chartDom = chart.getDom();\n        if (chartDom === currentGrandparent) {\n          cursorTargetMatchesChart = true;\n        }\n      }\n    }\n  }\n\n  // allows moving cursor inside tooltip without it fading away\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n    cursorTargetMatchesChart = true;\n  }\n\n  if (cursorTargetMatchesChart === false || data === null || chart['_model'] === undefined) return EMPTY_TOOLTIP_DATA;\n\n  // mousemove position undefined when not hovering over chart canvas\n  if (mousePos.plotCanvas.x === undefined || mousePos.plotCanvas.y === undefined) return EMPTY_TOOLTIP_DATA;\n\n  const cursorPixelY = mousePos.plotCanvas.y;\n  const pointInGrid = getPointInGrid(mousePos.plotCanvas.x, cursorPixelY, chart);\n  if (pointInGrid !== null) {\n    const chartModel = chart['_model'];\n    const yAxisScale = chartModel.getComponent('yAxis').axis.scale;\n    const isLogScale = yAxisScale.type === 'log';\n    let yInterval = yAxisScale._interval;\n    // For logarithmic scales, convert the log interval to actual data range\n    if (isLogScale && yAxisScale.base) {\n      const logBase = yAxisScale.base;\n      const extent = yAxisScale._extent;\n      // Calculate actual data range from log extent\n      // extent is in log space (e.g., [0, 2] for 10^0 to 10^2)\n      const actualMin = logBase ** extent[0];\n      const actualMax = logBase ** extent[1];\n      // Use a fraction of the actual range as the interval\n      yInterval = (actualMax - actualMin) / 100;\n    }\n    const totalSeries = data.length;\n    const yBuffer = getYBuffer({ yInterval, totalSeries, showAllSeries });\n\n    // Detect if chart has multiple Y-axes by checking if any series uses yAxisIndex > 0\n    const hasMultipleYAxes = seriesMapping.some((series) => series.yAxisIndex !== undefined && series.yAxisIndex > 0);\n\n    return checkforNearbyTimeSeries(\n      data,\n      seriesMapping,\n      pointInGrid,\n      yBuffer,\n      chart,\n      format,\n      seriesFormatMap,\n      hasMultipleYAxes ? cursorPixelY : undefined\n    );\n  }\n\n  // no nearby series found\n  return EMPTY_TOOLTIP_DATA;\n}\n\n/*\n * Check if two numbers are within a specified percentage range\n */\nexport function isWithinPercentageRange({\n  valueToCheck,\n  baseValue,\n  percentage,\n}: {\n  valueToCheck: number;\n  baseValue: number;\n  percentage: number;\n}): boolean {\n  const range = (percentage / 100) * baseValue;\n  const lowerBound = baseValue - range;\n  const upperBound = baseValue + range;\n  return valueToCheck >= lowerBound && valueToCheck <= upperBound;\n}\n\n/*\n * Get range to check within for nearby series to show in tooltip.\n */\nexport function getYBuffer({\n  yInterval,\n  totalSeries,\n  showAllSeries = false,\n}: {\n  yInterval: number;\n  totalSeries: number;\n  showAllSeries?: boolean;\n}): number {\n  if (showAllSeries) {\n    return yInterval * 10; // roughly correlates with grid so entire canvas is searched\n  }\n  // never let nearby series range be less than roughly the size of a single tick\n  const yBufferMin = yInterval * 0.3;\n\n  // tooltip trigger area gets smaller with more series\n  if (totalSeries > SHOW_FEWER_SERIES_LIMIT) {\n    const adjustedBuffer = (yInterval * DYNAMIC_NEARBY_SERIES_MULTIPLIER) / totalSeries;\n    return Math.max(yBufferMin, adjustedBuffer);\n  }\n  // increase multiplier to expand nearby series range\n  return Math.max(yBufferMin, yInterval * INCREASE_NEARBY_SERIES_MULTIPLIER);\n}\n"],"names":["formatValue","OPTIMIZED_MODE_SERIES_LIMIT","batchDispatchNearbySeriesActions","getPointInGrid","getClosestTimestamp","EMPTY_TOOLTIP_DATA","INCREASE_NEARBY_SERIES_MULTIPLIER","DYNAMIC_NEARBY_SERIES_MULTIPLIER","SHOW_FEWER_SERIES_LIMIT","checkforNearbyTimeSeries","data","seriesMapping","pointInGrid","yBuffer","chart","format","seriesFormatMap","cursorPixelY","currentNearbySeriesData","cursorX","cursorY","dispatchAction","undefined","Array","isArray","nearbySeriesIndexes","emphasizedSeriesIndexes","nonEmphasizedSeriesIndexes","emphasizedDatapoints","duplicateDatapoints","totalSeries","length","yValueCounts","Map","firstTimeSeriesValues","values","closestTimestamp","yBufferPixels","cursorPoint","convertToPixel","bufferPoint","Math","abs","seriesIdx","currentSeries","currentDataset","currentDatasetValues","lineSeries","currentSeriesName","name","toString","seriesId","id","markerColor","color","seriesFormat","get","datumIdx","nearbyTimeSeries","xValue","yValue","isNearby","dataPointPixel","seriesIndex","pixelDistance","minPercentRange","percentRangeToCheck","max","isClosestToCursor","tightBufferPixels","isWithinPercentageRange","valueToCheck","baseValue","percentage","push","duplicateValuesCount","set","dataIndex","seriesName","type","formattedY","date","x","y","legacyCheckforNearbySeries","timeSeries","xAxis","xValueMilliSeconds","notBlur","escapeConnect","getNearbySeriesData","mousePos","pinnedPos","showAllSeries","cursorTargetMatchesChart","target","currentParent","parentElement","currentGrandparent","chartDom","getDom","plotCanvas","chartModel","yAxisScale","getComponent","axis","scale","isLogScale","yInterval","_interval","base","logBase","extent","_extent","actualMin","actualMax","getYBuffer","hasMultipleYAxes","some","series","yAxisIndex","range","lowerBound","upperBound","yBufferMin","adjustedBuffer"],"mappings":"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"}
+{"version":3,"sources":["../../src/TimeSeriesTooltip/nearby-series.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 { ECharts as EChartsInstance } from 'echarts/core';\nimport { LineSeriesOption } from 'echarts/charts';\nimport { TimeSeries, TimeSeriesValueTuple } from '@perses-dev/spec';\nimport {\n  EChartsDataFormat,\n  OPTIMIZED_MODE_SERIES_LIMIT,\n  TimeChartSeriesMapping,\n  DatapointInfo,\n  FormatOptions,\n  formatValue,\n} from '../model';\nimport { batchDispatchNearbySeriesActions, getPointInGrid, getClosestTimestamp } from '../utils';\nimport { CursorCoordinates, CursorData, EMPTY_TOOLTIP_DATA } from './tooltip-model';\n\n// increase multipliers to show more series in tooltip\nexport const INCREASE_NEARBY_SERIES_MULTIPLIER = 5.5; // adjusts how many series show in tooltip (higher == more series shown)\nexport const DYNAMIC_NEARBY_SERIES_MULTIPLIER = 30; // used for adjustment after series number divisor\nexport const SHOW_FEWER_SERIES_LIMIT = 5;\n\nexport interface NearbySeriesInfo {\n  seriesIdx: number | null;\n  datumIdx: number | null;\n  seriesName: string;\n  date: number;\n  markerColor: string;\n  x: number;\n  y: number;\n  formattedY: string;\n  isClosestToCursor: boolean;\n}\n\nexport type NearbySeriesArray = NearbySeriesInfo[];\n\n/**\n * Returns formatted series data for the points that are close to the user's cursor.\n * Adjust xBuffer and yBuffer to increase or decrease number of series shown.\n */\nexport function checkforNearbyTimeSeries(\n  data: TimeSeries[],\n  seriesMapping: TimeChartSeriesMapping,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart: EChartsInstance,\n  format?: FormatOptions,\n  seriesFormatMap?: Map<string, FormatOptions>,\n  // in the case of multi-axis, we need the cursor Y position in pixel space\n  cursorPixelY?: number\n): NearbySeriesArray {\n  const currentNearbySeriesData: NearbySeriesArray = [];\n  const cursorX: number | null = pointInGrid[0] ?? null;\n  const cursorY: number | null = pointInGrid[1] ?? null;\n\n  if (cursorX === null || cursorY === null) return currentNearbySeriesData;\n\n  if (chart.dispatchAction === undefined) return currentNearbySeriesData;\n\n  if (!Array.isArray(data)) return currentNearbySeriesData;\n  const nearbySeriesIndexes: number[] = [];\n  const emphasizedSeriesIndexes: number[] = [];\n  const nonEmphasizedSeriesIndexes: number[] = [];\n  const emphasizedDatapoints: DatapointInfo[] = [];\n  const duplicateDatapoints: DatapointInfo[] = [];\n\n  const totalSeries = data.length;\n\n  const yValueCounts: Map<number, number> = new Map();\n\n  // Only need to loop through first dataset source since getCommonTimeScale ensures xAxis timestamps are consistent\n  const firstTimeSeriesValues = data[0]?.values;\n  const closestTimestamp = getClosestTimestamp(firstTimeSeriesValues, cursorX);\n\n  if (closestTimestamp === null) {\n    return EMPTY_TOOLTIP_DATA;\n  }\n\n  // For multi-axis support: convert yBuffer to pixel space for consistent comparison\n  // This allows us to compare series on different Y axes fairly\n  let yBufferPixels: number | null = null;\n  if (cursorPixelY !== undefined) {\n    // Convert a point at cursorY and cursorY + yBuffer to pixels to get the buffer in pixel space\n    const cursorPoint = chart.convertToPixel('grid', [0, cursorY]);\n    const bufferPoint = chart.convertToPixel('grid', [0, cursorY + yBuffer]);\n    if (cursorPoint && bufferPoint && cursorPoint[1] !== undefined && bufferPoint[1] !== undefined) {\n      yBufferPixels = Math.abs(bufferPoint[1] - cursorPoint[1]);\n    }\n  }\n\n  // find the timestamp with data that is closest to cursorX\n  for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n    const currentSeries = seriesMapping[seriesIdx];\n    if (!currentSeries) break;\n\n    const currentDataset = totalSeries > 0 ? data[seriesIdx] : null;\n    if (!currentDataset) break;\n\n    const currentDatasetValues: TimeSeriesValueTuple[] = currentDataset.values;\n    if (currentDatasetValues === undefined || !Array.isArray(currentDatasetValues)) break;\n    const lineSeries = currentSeries as LineSeriesOption;\n    const currentSeriesName = lineSeries.name ? lineSeries.name.toString() : '';\n    const seriesId = lineSeries.id ? lineSeries.id.toString() : '';\n    const markerColor = lineSeries.color ?? '#000';\n\n    // Get the format for this series (from seriesFormatMap or fallback to default format)\n    const seriesFormat = seriesFormatMap?.get(seriesId) ?? format;\n\n    if (Array.isArray(data)) {\n      for (let datumIdx = 0; datumIdx < currentDatasetValues.length; datumIdx++) {\n        const nearbyTimeSeries = currentDatasetValues[datumIdx];\n        if (nearbyTimeSeries === undefined || !Array.isArray(nearbyTimeSeries)) break;\n\n        const xValue = nearbyTimeSeries[0];\n        const yValue = nearbyTimeSeries[1];\n        // TODO: ensure null values not displayed in tooltip\n        if (yValue !== undefined && yValue !== null) {\n          if (closestTimestamp === xValue) {\n            // Check if this series is nearby the cursor\n            let isNearby = false;\n\n            // For multi-axis: compare in pixel space\n            if (cursorPixelY !== undefined && yBufferPixels !== null) {\n              const dataPointPixel = chart.convertToPixel({ seriesIndex: seriesIdx }, [datumIdx, yValue]);\n              if (dataPointPixel && dataPointPixel[1] !== undefined) {\n                const pixelDistance = Math.abs(cursorPixelY - dataPointPixel[1]);\n                isNearby = pixelDistance <= yBufferPixels;\n              } else {\n                // Fallback to data-space comparison for primary axis\n                isNearby = cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer;\n              }\n            } else {\n              // Fallback to original data-space comparison\n              isNearby = cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer;\n            }\n\n            if (isNearby) {\n              // show fewer bold series in tooltip when many total series\n              const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;\n              const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);\n\n              // For isClosestToCursor, also use pixel space for multi-axis\n              let isClosestToCursor = false;\n              if (cursorPixelY !== undefined) {\n                const dataPointPixel = chart.convertToPixel({ seriesIndex: seriesIdx }, [datumIdx, yValue]);\n                if (dataPointPixel && dataPointPixel[1] !== undefined) {\n                  const pixelDistance = Math.abs(cursorPixelY - dataPointPixel[1]);\n                  // Use percentage of buffer for \"closest\" determination\n                  const tightBufferPixels = (yBufferPixels ?? 50) * (percentRangeToCheck / 100);\n                  isClosestToCursor = pixelDistance <= Math.max(tightBufferPixels, 5);\n                } else {\n                  isClosestToCursor = isWithinPercentageRange({\n                    valueToCheck: cursorY,\n                    baseValue: yValue,\n                    percentage: percentRangeToCheck,\n                  });\n                }\n              } else {\n                isClosestToCursor = isWithinPercentageRange({\n                  valueToCheck: cursorY,\n                  baseValue: yValue,\n                  percentage: percentRangeToCheck,\n                });\n              }\n\n              if (isClosestToCursor) {\n                // shows as bold in tooltip, customize 'emphasis' options in getTimeSeries util\n                emphasizedSeriesIndexes.push(seriesIdx);\n\n                // Used to determine which datapoint to apply select styles to.\n                // Accounts for cases where lines may be rendered directly on top of eachother.\n                const duplicateValuesCount = yValueCounts.get(yValue) ?? 0;\n                yValueCounts.set(yValue, duplicateValuesCount + 1);\n                if (duplicateValuesCount > 0) {\n                  duplicateDatapoints.push({\n                    seriesIndex: seriesIdx,\n                    dataIndex: datumIdx,\n                    seriesName: currentSeriesName,\n                    yValue: yValue,\n                  });\n                }\n\n                // keep track of all bold datapoints in tooltip so that 'select' state only applied to topmost\n                emphasizedDatapoints.push({\n                  seriesIndex: seriesIdx,\n                  dataIndex: datumIdx,\n                  seriesName: currentSeriesName,\n                  yValue: yValue,\n                });\n              } else {\n                nonEmphasizedSeriesIndexes.push(seriesIdx);\n                // ensure series far away from cursor are not highlighted\n                chart.dispatchAction({\n                  type: 'downplay',\n                  seriesIndex: seriesIdx,\n                });\n              }\n              const formattedY = formatValue(yValue, seriesFormat);\n              currentNearbySeriesData.push({\n                seriesIdx: seriesIdx,\n                datumIdx: datumIdx,\n                seriesName: currentSeriesName,\n                date: closestTimestamp,\n                x: xValue,\n                y: yValue,\n                formattedY: formattedY,\n                markerColor: markerColor.toString(),\n                isClosestToCursor,\n              });\n              nearbySeriesIndexes.push(seriesIdx);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  batchDispatchNearbySeriesActions(\n    chart,\n    nearbySeriesIndexes,\n    emphasizedSeriesIndexes,\n    nonEmphasizedSeriesIndexes,\n    emphasizedDatapoints,\n    duplicateDatapoints\n  );\n\n  return currentNearbySeriesData;\n}\n\n/**\n * [DEPRECATED] Returns formatted series data for the points that are close to the user's cursor\n * Adjust yBuffer to increase or decrease number of series shown\n */\nexport function legacyCheckforNearbySeries(\n  data: EChartsDataFormat,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart?: EChartsInstance,\n  format?: FormatOptions\n): NearbySeriesArray {\n  const currentNearbySeriesData: NearbySeriesArray = [];\n  const cursorX: number | null = pointInGrid[0] ?? null;\n  const cursorY: number | null = pointInGrid[1] ?? null;\n\n  if (cursorX === null || cursorY === null) {\n    return currentNearbySeriesData;\n  }\n\n  const nearbySeriesIndexes: number[] = [];\n  const emphasizedSeriesIndexes: number[] = [];\n  const nonEmphasizedSeriesIndexes: number[] = [];\n  const totalSeries = data.timeSeries.length;\n  if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {\n    for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n      const currentSeries = data.timeSeries[seriesIdx];\n      if (currentSeries === undefined) break;\n      if (currentNearbySeriesData.length >= OPTIMIZED_MODE_SERIES_LIMIT) break;\n\n      const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';\n      const markerColor = currentSeries.color ?? '#000';\n      if (Array.isArray(currentSeries.data)) {\n        for (let datumIdx = 0; datumIdx < currentSeries.data.length; datumIdx++) {\n          const xValue = data.xAxis[datumIdx] ?? 0;\n          const yValue = currentSeries.data[datumIdx];\n          // ensure null values not displayed in tooltip\n          if (yValue !== undefined && yValue !== null && cursorX === datumIdx) {\n            if (yValue !== '-' && cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {\n              // show fewer bold series in tooltip when many total series\n              const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;\n              const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);\n              const isClosestToCursor = isWithinPercentageRange({\n                valueToCheck: cursorY,\n                baseValue: yValue,\n                percentage: percentRangeToCheck,\n              });\n              if (isClosestToCursor) {\n                emphasizedSeriesIndexes.push(seriesIdx);\n              } else {\n                nonEmphasizedSeriesIndexes.push(seriesIdx);\n                // ensure series not close to cursor are not highlighted\n                if (chart?.dispatchAction !== undefined) {\n                  chart.dispatchAction({\n                    type: 'downplay',\n                    seriesIndex: seriesIdx,\n                  });\n                }\n              }\n\n              // determine whether to convert timestamp to ms, see: https://stackoverflow.com/a/23982005/17575201\n              const xValueMilliSeconds = xValue > 99999999999 ? xValue : xValue * 1000;\n              const formattedY = formatValue(yValue, format);\n              currentNearbySeriesData.push({\n                seriesIdx: seriesIdx,\n                datumIdx: datumIdx,\n                seriesName: currentSeriesName,\n                date: xValueMilliSeconds,\n                x: xValue,\n                y: yValue,\n                formattedY: formattedY,\n                markerColor: markerColor.toString(),\n                isClosestToCursor,\n              });\n              nearbySeriesIndexes.push(seriesIdx);\n            }\n          }\n        }\n      }\n    }\n  }\n  if (chart?.dispatchAction !== undefined) {\n    // Clears emphasis state of all lines that are not emphasized.\n    // Emphasized is a subset of just the nearby series that are closest to cursor.\n    chart.dispatchAction({\n      type: 'downplay',\n      seriesIndex: nonEmphasizedSeriesIndexes,\n    });\n\n    // https://echarts.apache.org/en/api.html#action.highlight\n    if (emphasizedSeriesIndexes.length > 0) {\n      // Fadeout opacity of all series not closest to cursor.\n      chart.dispatchAction({\n        type: 'highlight',\n        seriesIndex: emphasizedSeriesIndexes,\n        notBlur: false, // ensure blur IS triggered, this is default but setting so it is explicit\n        escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n      });\n    } else {\n      // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.\n      chart.dispatchAction({\n        type: 'highlight',\n        seriesIndex: nearbySeriesIndexes,\n        notBlur: true, // do not trigger blur state when cursor is not immediately close to any series\n        escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n      });\n    }\n  }\n\n  return currentNearbySeriesData;\n}\n\n/**\n * Uses mouse position to determine whether user is hovering over a chart canvas\n * If yes, convert from pixel values to logical cartesian coordinates and return all nearby series\n */\nexport function getNearbySeriesData({\n  mousePos,\n  pinnedPos,\n  data,\n  seriesMapping,\n  chart,\n  format,\n  seriesFormatMap,\n  showAllSeries = false,\n}: {\n  mousePos: CursorData['coords'];\n  pinnedPos: CursorCoordinates | null;\n  data: TimeSeries[];\n  seriesMapping: TimeChartSeriesMapping;\n  chart?: EChartsInstance;\n  format?: FormatOptions;\n  seriesFormatMap?: Map<string, FormatOptions>;\n  showAllSeries?: boolean;\n}): NearbySeriesArray {\n  if (chart === undefined || mousePos === null) return EMPTY_TOOLTIP_DATA;\n\n  // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned\n  let cursorTargetMatchesChart = false;\n  if (mousePos.target !== null) {\n    const currentParent = (<HTMLElement>mousePos.target).parentElement;\n    if (currentParent !== null) {\n      const currentGrandparent = currentParent.parentElement;\n      if (currentGrandparent !== null) {\n        const chartDom = chart.getDom();\n        if (chartDom === currentGrandparent) {\n          cursorTargetMatchesChart = true;\n        }\n      }\n    }\n  }\n\n  // allows moving cursor inside tooltip without it fading away\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n    cursorTargetMatchesChart = true;\n  }\n\n  if (cursorTargetMatchesChart === false || data === null || chart['_model'] === undefined) return EMPTY_TOOLTIP_DATA;\n\n  // mousemove position undefined when not hovering over chart canvas\n  if (mousePos.plotCanvas.x === undefined || mousePos.plotCanvas.y === undefined) return EMPTY_TOOLTIP_DATA;\n\n  const cursorPixelY = mousePos.plotCanvas.y;\n  const pointInGrid = getPointInGrid(mousePos.plotCanvas.x, cursorPixelY, chart);\n  if (pointInGrid !== null) {\n    const chartModel = chart['_model'];\n    const yAxisScale = chartModel.getComponent('yAxis').axis.scale;\n    const isLogScale = yAxisScale.type === 'log';\n    let yInterval = yAxisScale._interval;\n    // For logarithmic scales, convert the log interval to actual data range\n    if (isLogScale && yAxisScale.base) {\n      const logBase = yAxisScale.base;\n      const extent = yAxisScale._extent;\n      // Calculate actual data range from log extent\n      // extent is in log space (e.g., [0, 2] for 10^0 to 10^2)\n      const actualMin = logBase ** extent[0];\n      const actualMax = logBase ** extent[1];\n      // Use a fraction of the actual range as the interval\n      yInterval = (actualMax - actualMin) / 100;\n    }\n    const totalSeries = data.length;\n    const yBuffer = getYBuffer({ yInterval, totalSeries, showAllSeries });\n\n    // Detect if chart has multiple Y-axes by checking if any series uses yAxisIndex > 0\n    const hasMultipleYAxes = seriesMapping.some((series) => series.yAxisIndex !== undefined && series.yAxisIndex > 0);\n\n    return checkforNearbyTimeSeries(\n      data,\n      seriesMapping,\n      pointInGrid,\n      yBuffer,\n      chart,\n      format,\n      seriesFormatMap,\n      hasMultipleYAxes ? cursorPixelY : undefined\n    );\n  }\n\n  // no nearby series found\n  return EMPTY_TOOLTIP_DATA;\n}\n\n/*\n * Check if two numbers are within a specified percentage range\n */\nexport function isWithinPercentageRange({\n  valueToCheck,\n  baseValue,\n  percentage,\n}: {\n  valueToCheck: number;\n  baseValue: number;\n  percentage: number;\n}): boolean {\n  const range = (percentage / 100) * baseValue;\n  const lowerBound = baseValue - range;\n  const upperBound = baseValue + range;\n  return valueToCheck >= lowerBound && valueToCheck <= upperBound;\n}\n\n/*\n * Get range to check within for nearby series to show in tooltip.\n */\nexport function getYBuffer({\n  yInterval,\n  totalSeries,\n  showAllSeries = false,\n}: {\n  yInterval: number;\n  totalSeries: number;\n  showAllSeries?: boolean;\n}): number {\n  if (showAllSeries) {\n    return yInterval * 10; // roughly correlates with grid so entire canvas is searched\n  }\n  // never let nearby series range be less than roughly the size of a single tick\n  const yBufferMin = yInterval * 0.3;\n\n  // tooltip trigger area gets smaller with more series\n  if (totalSeries > SHOW_FEWER_SERIES_LIMIT) {\n    const adjustedBuffer = (yInterval * DYNAMIC_NEARBY_SERIES_MULTIPLIER) / totalSeries;\n    return Math.max(yBufferMin, adjustedBuffer);\n  }\n  // increase multiplier to expand nearby series range\n  return Math.max(yBufferMin, yInterval * INCREASE_NEARBY_SERIES_MULTIPLIER);\n}\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT","formatValue","batchDispatchNearbySeriesActions","getPointInGrid","getClosestTimestamp","EMPTY_TOOLTIP_DATA","INCREASE_NEARBY_SERIES_MULTIPLIER","DYNAMIC_NEARBY_SERIES_MULTIPLIER","SHOW_FEWER_SERIES_LIMIT","checkforNearbyTimeSeries","data","seriesMapping","pointInGrid","yBuffer","chart","format","seriesFormatMap","cursorPixelY","currentNearbySeriesData","cursorX","cursorY","dispatchAction","undefined","Array","isArray","nearbySeriesIndexes","emphasizedSeriesIndexes","nonEmphasizedSeriesIndexes","emphasizedDatapoints","duplicateDatapoints","totalSeries","length","yValueCounts","Map","firstTimeSeriesValues","values","closestTimestamp","yBufferPixels","cursorPoint","convertToPixel","bufferPoint","Math","abs","seriesIdx","currentSeries","currentDataset","currentDatasetValues","lineSeries","currentSeriesName","name","toString","seriesId","id","markerColor","color","seriesFormat","get","datumIdx","nearbyTimeSeries","xValue","yValue","isNearby","dataPointPixel","seriesIndex","pixelDistance","minPercentRange","percentRangeToCheck","max","isClosestToCursor","tightBufferPixels","isWithinPercentageRange","valueToCheck","baseValue","percentage","push","duplicateValuesCount","set","dataIndex","seriesName","type","formattedY","date","x","y","legacyCheckforNearbySeries","timeSeries","xAxis","xValueMilliSeconds","notBlur","escapeConnect","getNearbySeriesData","mousePos","pinnedPos","showAllSeries","cursorTargetMatchesChart","target","currentParent","parentElement","currentGrandparent","chartDom","getDom","plotCanvas","chartModel","yAxisScale","getComponent","axis","scale","isLogScale","yInterval","_interval","base","logBase","extent","_extent","actualMin","actualMax","getYBuffer","hasMultipleYAxes","some","series","yAxisIndex","range","lowerBound","upperBound","yBufferMin","adjustedBuffer"],"mappings":"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"}

package/dist/TransformsEditor/TransformEditor.d.ts

@@ -1,6 +1,6 @@
 import { StackProps } from '@mui/material';
-import { Transform } from '@perses-dev/core';
 import { ReactElement } from 'react';
+import { Transform } from '../model';
 export interface TransformEditorProps extends Omit<StackProps, 'children' | 'value' | 'onChange'> {
     value: Transform;
     onChange: (transform: Transform) => void;

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,EAKL,UAAU,EAIX,MAAM,eAAe,CAAC;AACvB,OAAO,EAKL,SAAS,EACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAkLrC,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,EAKL,UAAU,EAIX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAKL,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"}

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 {\n  Autocomplete,\n  FormControlLabel,\n  MenuItem,\n  Stack,\n  StackProps,\n  Switch,\n  Typography,\n  TextField as MuiTextField,\n} from '@mui/material';\nimport {\n  JoinByColumnValueTransform,\n  MergeColumnsTransform,\n  MergeIndexedColumnsTransform,\n  MergeSeriesTransform,\n  Transform,\n} from '@perses-dev/core'; // TODO\nimport { ReactElement } from 'react';\nimport { TextField } from '../controls';\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 {\n  Autocomplete,\n  FormControlLabel,\n  MenuItem,\n  Stack,\n  StackProps,\n  Switch,\n  Typography,\n  TextField as MuiTextField,\n} from '@mui/material';\n\nimport { ReactElement } from 'react';\n\nimport { TextField } from '../controls';\nimport {\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":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SACEA,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,KAAK,EAELC,MAAM,EACNC,UAAU,EACVC,aAAaC,YAAY,QACpB,gBAAgB;AAIvB,SAASD,SAAS,QAAQ,cAAc;AAcxC,SAASE,iCAAiC,EACxCC,KAAK,EACLC,QAAQ,EAC6C;IACrD,qBACE,MAACP;QAAMQ,WAAU;;0BACf,KAACX;gBACCY,QAAQ;gBACRC,QAAQ;gBACRC,IAAG;gBACHC,IAAI;oBAAEC,OAAO;gBAAO;gBACpBC,SAAS,EAAE;gBACXR,OAAOA,MAAMS,IAAI,CAACC,OAAO,IAAI,EAAE;gBAC/BC,aAAa,CAACC,uBAAW,KAACd;wBAAc,GAAGc,MAAM;wBAAEC,SAAQ;wBAAWC,OAAM;wBAAUC,QAAQ;;gBAC9Fd,UAAU,CAACe,GAAGN;oBACZT,SAAS;wBACP,GAAGD,KAAK;wBACRS,MAAM;4BACJ,GAAGT,MAAMS,IAAI;4BACbC,SAASA;wBACX;oBACF;gBACF;;0BAEF,KAAClB;gBACCsB,OAAM;gBACNG,gBAAe;gBACfC,uBACE,KAACvB;oBACCK,OAAO,CAACA,MAAMS,IAAI,CAACU,QAAQ;oBAC3BC,SAAS,CAACpB,MAAMS,IAAI,CAACU,QAAQ;oBAC7BlB,UAAU,CAACoB,IACTpB,SAAS;4BACP,GAAGD,KAAK;4BACRS,MAAM;gCAAE,GAAGT,MAAMS,IAAI;gCAAEU,UAAU,CAACE,EAAEC,MAAM,CAACF,OAAO;4BAAC;wBACrD;;;;;AAOd;AAEA,SAASG,4BAA4B,EACnCvB,KAAK,EACLC,QAAQ,EACwC;IAChD,qBACE,MAACP;QAAMQ,WAAU;QAAMsB,KAAK;QAAGC,YAAW;;0BACxC,KAAClC;gBACCY,QAAQ;gBACRC,QAAQ;gBACRC,IAAG;gBACHC,IAAI;oBAAEC,OAAO;gBAAO;gBACpBC,SAAS,EAAE;gBACXR,OAAOA,MAAMS,IAAI,CAACC,OAAO,IAAI,EAAE;gBAC/BC,aAAa,CAACC,uBAAW,KAACd;wBAAc,GAAGc,MAAM;wBAAEC,SAAQ;wBAAWC,OAAM;wBAAUC,QAAQ;;gBAC9Fd,UAAU,CAACe,GAAGN;oBACZT,SAAS;wBACP,GAAGD,KAAK;wBACRS,MAAM;4BACJ,GAAGT,MAAMS,IAAI;4BACbC,SAASA;wBACX;oBACF;gBACF;;0BAGF,KAACb;gBACCQ,IAAG;gBACHQ,SAAQ;gBACRC,OAAM;gBACNd,OAAOA,MAAMS,IAAI,CAACiB,IAAI,IAAI;gBAC1BpB,IAAI;oBAAEC,OAAO;gBAAO;gBACpBN,UAAU,CAACyB;oBACTzB,SAAS;wBACP,GAAGD,KAAK;wBACRS,MAAM;4BACJ,GAAGT,MAAMS,IAAI;4BACbiB,MAAMA;wBACR;oBACF;gBACF;gBACAX,QAAQ;;0BAEV,KAACvB;gBACCsB,OAAM;gBACNG,gBAAe;gBACfC,uBACE,KAACvB;oBACCK,OAAO,CAACA,MAAMS,IAAI,CAACU,QAAQ;oBAC3BC,SAAS,CAACpB,MAAMS,IAAI,CAACU,QAAQ;oBAC7BlB,UAAU,CAACoB,IACTpB,SAAS;4BACP,GAAGD,KAAK;4BACRS,MAAM;gCAAE,GAAGT,MAAMS,IAAI;gCAAEU,UAAU,CAACE,EAAEC,MAAM,CAACF,OAAO;4BAAC;wBACrD;;;;;AAOd;AAEA,SAASO,mCAAmC,EAC1C3B,KAAK,EACLC,QAAQ,EAC+C;IACvD,qBACE,MAACP;QAAMQ,WAAU;;0BACf,KAACL;gBACCQ,IAAG;gBACHQ,SAAQ;gBACRC,OAAM;gBACNc,aAAY;gBACZ5B,OAAOA,MAAMS,IAAI,CAACoB,MAAM,IAAI;gBAC5BvB,IAAI;oBAAEC,OAAO;gBAAO;gBACpBN,UAAU,CAAC4B;oBACT5B,SAAS;wBACP,GAAGD,KAAK;wBACRS,MAAM;4BAAE,GAAGT,MAAMS,IAAI;4BAAEoB,QAAQA;wBAAO;oBACxC;gBACF;gBACAd,QAAQ;;0BAEV,KAACvB;gBACCsB,OAAM;gBACNG,gBAAe;gBACfC,uBACE,KAACvB;oBACCK,OAAO,CAACA,MAAMS,IAAI,CAACU,QAAQ;oBAC3BC,SAAS,CAACpB,MAAMS,IAAI,CAACU,QAAQ;oBAC7BlB,UAAU,CAACoB,IACTpB,SAAS;4BACP,GAAGD,KAAK;4BACRS,MAAM;gCAAE,GAAGT,MAAMS,IAAI;gCAAEU,UAAU,CAACE,EAAEC,MAAM,CAACF,OAAO;4BAAC;wBACrD;;;;;AAOd;AAEA,SAASU,2BAA2B,EAAE9B,KAAK,EAAEC,QAAQ,EAAkD;IACrG,qBACE,KAACP;QAAMQ,WAAU;kBACf,cAAA,KAACV;YACCsB,OAAM;YACNG,gBAAe;YACfC,uBACE,KAACvB;gBACCK,OAAO,CAACA,MAAMS,IAAI,CAACU,QAAQ;gBAC3BC,SAAS,CAACpB,MAAMS,IAAI,CAACU,QAAQ;gBAC7BlB,UAAU,CAACoB,IACTpB,SAAS;wBACP,GAAGD,KAAK;wBACRS,MAAM;4BAAE,GAAGT,MAAMS,IAAI;4BAAEU,UAAU,CAACE,EAAEC,MAAM,CAACF,OAAO;wBAAC;oBACrD;;;;AAOd;AAOA,OAAO,SAASW,gBAAgB,EAAE/B,KAAK,EAAEC,QAAQ,EAAE,GAAG+B,OAA6B;IACjF,qBACE,MAACtC;QAAM8B,KAAK;QAAGlB,IAAI;YAAEC,OAAO;QAAO;QAAG0B,IAAI;QAAI,GAAGD,KAAK;;0BACpD,MAACnC;gBACCqC,MAAM;gBACNpB,OAAM;gBACNd,OAAOA,MAAMmC,IAAI;gBACjBlC,UAAU,CAACkC,OAASlC,SAAS;wBAAE,GAAGD,KAAK;wBAAEmC,MAAMA;oBAAqC;;kCAEpF,KAAC1C;wBAASO,OAAM;kCACd,cAAA,MAACN;;8CACC,KAACE;8CAAW;;8CACZ,KAACA;oCAAWiB,SAAQ;8CAAU;;;;;kCAGlC,KAACpB;wBAASO,OAAM;kCACd,cAAA,MAACN;;8CACC,KAACE;8CAAW;;8CACZ,KAACA;oCAAWiB,SAAQ;8CAAU;;;;;kCAGlC,KAACpB;wBAASO,OAAM;kCACd,cAAA,MAACN;;8CACC,KAACE;8CAAW;;8CACZ,KAACA;oCAAWiB,SAAQ;8CAAU;;;;;kCAGlC,KAACpB;wBAASO,OAAM;kCACd,cAAA,MAACN;;8CACC,KAACE;8CAAW;;8CACZ,KAACA;oCAAWiB,SAAQ;8CAAU;;;;;;;YAInCb,MAAMmC,IAAI,KAAK,qCAAuB,KAACpC;gBAAiCC,OAAOA;gBAAOC,UAAUA;;YAChGD,MAAMmC,IAAI,KAAK,gCAAkB,KAACZ;gBAA4BvB,OAAOA;gBAAOC,UAAUA;;YACtFD,MAAMmC,IAAI,KAAK,uCAAyB,KAACR;gBAAmC3B,OAAOA;gBAAOC,UAAUA;;YACpGD,MAAMmC,IAAI,KAAK,+BAAiB,KAACL;gBAA2B9B,OAAOA;gBAAOC,UAAUA;;;;AAG3F"}

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

@@ -1 +1 @@
-{"version":3,"file":"TransformEditorContainer.d.ts","sourceRoot":"","sources":["../../src/TransformsEditor/TransformEditorContainer.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,WAAW,6BAA8B,SAAQ,oBAAoB;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,6BAA6B,GAAG,YAAY,CAsD9C"}
+{"version":3,"file":"TransformEditorContainer.d.ts","sourceRoot":"","sources":["../../src/TransformsEditor/TransformEditorContainer.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,MAAM,WAAW,6BAA8B,SAAQ,oBAAoB;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,6BAA6B,GAAG,YAAY,CAsD9C"}

package/dist/TransformsEditor/TransformEditorContainer.js

@@ -17,7 +17,7 @@ import ChevronDown from 'mdi-material-ui/ChevronDown';
 import EyeOffIcon from 'mdi-material-ui/EyeOffOutline';
 import EyeIcon from 'mdi-material-ui/EyeOutline';
 import DeleteIcon from 'mdi-material-ui/DeleteOutline';
-import { TRANSFORM_TEXT } from '@perses-dev/core'; // TODO
+import { TRANSFORM_TEXT } from '../model';
 import { TransformEditor } from './TransformEditor';
 export function TransformEditorContainer({ index, value, isCollapsed, onChange, onCollapse, onDelete, ...props }) {
     function handleTransformDisable() {

package/dist/TransformsEditor/TransformEditorContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TransformsEditor/TransformEditorContainer.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 { Divider, IconButton, Stack, Tooltip, Typography } from '@mui/material';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport EyeOffIcon from 'mdi-material-ui/EyeOffOutline';\nimport EyeIcon from 'mdi-material-ui/EyeOutline';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport { Transform, TRANSFORM_TEXT } from '@perses-dev/core'; // TODO\nimport { ReactElement } from 'react';\nimport { TransformEditor, TransformEditorProps } from './TransformEditor';\n\nexport interface TransformEditorContainerProps extends TransformEditorProps {\n  index?: number;\n  isCollapsed: boolean;\n  onCollapse: (collapsed: boolean) => void;\n  onDelete: () => void;\n}\n\nexport function TransformEditorContainer({\n  index,\n  value,\n  isCollapsed,\n  onChange,\n  onCollapse,\n  onDelete,\n  ...props\n}: TransformEditorContainerProps): ReactElement {\n  function handleTransformDisable(): void {\n    onChange({ ...value, spec: { ...value.spec, disabled: !value.spec?.disabled } } as Transform);\n  }\n\n  return (\n    <Stack {...props}>\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        borderBottom={1}\n        borderColor={(theme) => theme.palette.divider}\n        justifyContent=\"space-between\"\n        gap={4}\n      >\n        <Stack direction=\"row\" gap={1}>\n          <IconButton data-testid={`transform-toggle#${index}`} size=\"small\" onClick={() => onCollapse(!isCollapsed)}>\n            {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n          </IconButton>\n          <Typography variant=\"overline\" component=\"h4\" sx={{ textTransform: 'none' }}>\n            {value.kind ? (\n              <span>\n                <strong>{TRANSFORM_TEXT[value.kind]}</strong>\n              </span>\n            ) : (\n              <strong>Select a transformation kind</strong>\n            )}\n          </Typography>\n        </Stack>\n\n        <Stack direction=\"row\" gap={1}>\n          {isCollapsed && (\n            <>\n              <Tooltip\n                title={value.spec?.disabled ? 'Enable transformation' : 'Disable transformation'}\n                placement=\"top\"\n              >\n                <IconButton size=\"small\" sx={{ marginLeft: 'auto' }} onClick={handleTransformDisable}>\n                  {value.spec?.disabled ? <EyeOffIcon /> : <EyeIcon />}\n                </IconButton>\n              </Tooltip>\n              <Divider flexItem orientation=\"vertical\" variant=\"middle\" />\n            </>\n          )}\n          <Tooltip title=\"Remove transformation\" placement=\"top\">\n            <IconButton size=\"small\" sx={{ marginLeft: 'auto' }} onClick={onDelete}>\n              <DeleteIcon />\n            </IconButton>\n          </Tooltip>\n        </Stack>\n      </Stack>\n      {!isCollapsed && <TransformEditor value={value} onChange={onChange} />}\n    </Stack>\n  );\n}\n"],"names":["Divider","IconButton","Stack","Tooltip","Typography","ChevronRight","ChevronDown","EyeOffIcon","EyeIcon","DeleteIcon","TRANSFORM_TEXT","TransformEditor","TransformEditorContainer","index","value","isCollapsed","onChange","onCollapse","onDelete","props","handleTransformDisable","spec","disabled","direction","alignItems","borderBottom","borderColor","theme","palette","divider","justifyContent","gap","data-testid","size","onClick","variant","component","sx","textTransform","kind","span","strong","title","placement","marginLeft","flexItem","orientation"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAEC,OAAO,EAAEC,UAAU,QAAQ,gBAAgB;AAChF,OAAOC,kBAAkB,+BAA+B;AACxD,OAAOC,iBAAiB,8BAA8B;AACtD,OAAOC,gBAAgB,gCAAgC;AACvD,OAAOC,aAAa,6BAA6B;AACjD,OAAOC,gBAAgB,gCAAgC;AACvD,SAAoBC,cAAc,QAAQ,mBAAmB,CAAC,OAAO;AAErE,SAASC,eAAe,QAA8B,oBAAoB;AAS1E,OAAO,SAASC,yBAAyB,EACvCC,KAAK,EACLC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACR,GAAGC,OAC2B;IAC9B,SAASC;QACPJ,SAAS;YAAE,GAAGF,KAAK;YAAEO,MAAM;gBAAE,GAAGP,MAAMO,IAAI;gBAAEC,UAAU,CAACR,MAAMO,IAAI,EAAEC;YAAS;QAAE;IAChF;IAEA,qBACE,MAACpB;QAAO,GAAGiB,KAAK;;0BACd,MAACjB;gBACCqB,WAAU;gBACVC,YAAW;gBACXC,cAAc;gBACdC,aAAa,CAACC,QAAUA,MAAMC,OAAO,CAACC,OAAO;gBAC7CC,gBAAe;gBACfC,KAAK;;kCAEL,MAAC7B;wBAAMqB,WAAU;wBAAMQ,KAAK;;0CAC1B,KAAC9B;gCAAW+B,eAAa,CAAC,iBAAiB,EAAEnB,OAAO;gCAAEoB,MAAK;gCAAQC,SAAS,IAAMjB,WAAW,CAACF;0CAC3FA,4BAAc,KAACV,kCAAkB,KAACC;;0CAErC,KAACF;gCAAW+B,SAAQ;gCAAWC,WAAU;gCAAKC,IAAI;oCAAEC,eAAe;gCAAO;0CACvExB,MAAMyB,IAAI,iBACT,KAACC;8CACC,cAAA,KAACC;kDAAQ/B,cAAc,CAACI,MAAMyB,IAAI,CAAC;;mDAGrC,KAACE;8CAAO;;;;;kCAKd,MAACvC;wBAAMqB,WAAU;wBAAMQ,KAAK;;4BACzBhB,6BACC;;kDACE,KAACZ;wCACCuC,OAAO5B,MAAMO,IAAI,EAAEC,WAAW,0BAA0B;wCACxDqB,WAAU;kDAEV,cAAA,KAAC1C;4CAAWgC,MAAK;4CAAQI,IAAI;gDAAEO,YAAY;4CAAO;4CAAGV,SAASd;sDAC3DN,MAAMO,IAAI,EAAEC,yBAAW,KAACf,gCAAgB,KAACC;;;kDAG9C,KAACR;wCAAQ6C,QAAQ;wCAACC,aAAY;wCAAWX,SAAQ;;;;0CAGrD,KAAChC;gCAAQuC,OAAM;gCAAwBC,WAAU;0CAC/C,cAAA,KAAC1C;oCAAWgC,MAAK;oCAAQI,IAAI;wCAAEO,YAAY;oCAAO;oCAAGV,SAAShB;8CAC5D,cAAA,KAACT;;;;;;;YAKR,CAACM,6BAAe,KAACJ;gBAAgBG,OAAOA;gBAAOE,UAAUA;;;;AAGhE"}
+{"version":3,"sources":["../../src/TransformsEditor/TransformEditorContainer.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 { Divider, IconButton, Stack, Tooltip, Typography } from '@mui/material';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport EyeOffIcon from 'mdi-material-ui/EyeOffOutline';\nimport EyeIcon from 'mdi-material-ui/EyeOutline';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport { ReactElement } from 'react';\nimport { Transform, TRANSFORM_TEXT } from '../model';\nimport { TransformEditor, TransformEditorProps } from './TransformEditor';\n\nexport interface TransformEditorContainerProps extends TransformEditorProps {\n  index?: number;\n  isCollapsed: boolean;\n  onCollapse: (collapsed: boolean) => void;\n  onDelete: () => void;\n}\n\nexport function TransformEditorContainer({\n  index,\n  value,\n  isCollapsed,\n  onChange,\n  onCollapse,\n  onDelete,\n  ...props\n}: TransformEditorContainerProps): ReactElement {\n  function handleTransformDisable(): void {\n    onChange({ ...value, spec: { ...value.spec, disabled: !value.spec?.disabled } } as Transform);\n  }\n\n  return (\n    <Stack {...props}>\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        borderBottom={1}\n        borderColor={(theme) => theme.palette.divider}\n        justifyContent=\"space-between\"\n        gap={4}\n      >\n        <Stack direction=\"row\" gap={1}>\n          <IconButton data-testid={`transform-toggle#${index}`} size=\"small\" onClick={() => onCollapse(!isCollapsed)}>\n            {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n          </IconButton>\n          <Typography variant=\"overline\" component=\"h4\" sx={{ textTransform: 'none' }}>\n            {value.kind ? (\n              <span>\n                <strong>{TRANSFORM_TEXT[value.kind]}</strong>\n              </span>\n            ) : (\n              <strong>Select a transformation kind</strong>\n            )}\n          </Typography>\n        </Stack>\n\n        <Stack direction=\"row\" gap={1}>\n          {isCollapsed && (\n            <>\n              <Tooltip\n                title={value.spec?.disabled ? 'Enable transformation' : 'Disable transformation'}\n                placement=\"top\"\n              >\n                <IconButton size=\"small\" sx={{ marginLeft: 'auto' }} onClick={handleTransformDisable}>\n                  {value.spec?.disabled ? <EyeOffIcon /> : <EyeIcon />}\n                </IconButton>\n              </Tooltip>\n              <Divider flexItem orientation=\"vertical\" variant=\"middle\" />\n            </>\n          )}\n          <Tooltip title=\"Remove transformation\" placement=\"top\">\n            <IconButton size=\"small\" sx={{ marginLeft: 'auto' }} onClick={onDelete}>\n              <DeleteIcon />\n            </IconButton>\n          </Tooltip>\n        </Stack>\n      </Stack>\n      {!isCollapsed && <TransformEditor value={value} onChange={onChange} />}\n    </Stack>\n  );\n}\n"],"names":["Divider","IconButton","Stack","Tooltip","Typography","ChevronRight","ChevronDown","EyeOffIcon","EyeIcon","DeleteIcon","TRANSFORM_TEXT","TransformEditor","TransformEditorContainer","index","value","isCollapsed","onChange","onCollapse","onDelete","props","handleTransformDisable","spec","disabled","direction","alignItems","borderBottom","borderColor","theme","palette","divider","justifyContent","gap","data-testid","size","onClick","variant","component","sx","textTransform","kind","span","strong","title","placement","marginLeft","flexItem","orientation"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAEC,OAAO,EAAEC,UAAU,QAAQ,gBAAgB;AAChF,OAAOC,kBAAkB,+BAA+B;AACxD,OAAOC,iBAAiB,8BAA8B;AACtD,OAAOC,gBAAgB,gCAAgC;AACvD,OAAOC,aAAa,6BAA6B;AACjD,OAAOC,gBAAgB,gCAAgC;AAEvD,SAAoBC,cAAc,QAAQ,WAAW;AACrD,SAASC,eAAe,QAA8B,oBAAoB;AAS1E,OAAO,SAASC,yBAAyB,EACvCC,KAAK,EACLC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACR,GAAGC,OAC2B;IAC9B,SAASC;QACPJ,SAAS;YAAE,GAAGF,KAAK;YAAEO,MAAM;gBAAE,GAAGP,MAAMO,IAAI;gBAAEC,UAAU,CAACR,MAAMO,IAAI,EAAEC;YAAS;QAAE;IAChF;IAEA,qBACE,MAACpB;QAAO,GAAGiB,KAAK;;0BACd,MAACjB;gBACCqB,WAAU;gBACVC,YAAW;gBACXC,cAAc;gBACdC,aAAa,CAACC,QAAUA,MAAMC,OAAO,CAACC,OAAO;gBAC7CC,gBAAe;gBACfC,KAAK;;kCAEL,MAAC7B;wBAAMqB,WAAU;wBAAMQ,KAAK;;0CAC1B,KAAC9B;gCAAW+B,eAAa,CAAC,iBAAiB,EAAEnB,OAAO;gCAAEoB,MAAK;gCAAQC,SAAS,IAAMjB,WAAW,CAACF;0CAC3FA,4BAAc,KAACV,kCAAkB,KAACC;;0CAErC,KAACF;gCAAW+B,SAAQ;gCAAWC,WAAU;gCAAKC,IAAI;oCAAEC,eAAe;gCAAO;0CACvExB,MAAMyB,IAAI,iBACT,KAACC;8CACC,cAAA,KAACC;kDAAQ/B,cAAc,CAACI,MAAMyB,IAAI,CAAC;;mDAGrC,KAACE;8CAAO;;;;;kCAKd,MAACvC;wBAAMqB,WAAU;wBAAMQ,KAAK;;4BACzBhB,6BACC;;kDACE,KAACZ;wCACCuC,OAAO5B,MAAMO,IAAI,EAAEC,WAAW,0BAA0B;wCACxDqB,WAAU;kDAEV,cAAA,KAAC1C;4CAAWgC,MAAK;4CAAQI,IAAI;gDAAEO,YAAY;4CAAO;4CAAGV,SAASd;sDAC3DN,MAAMO,IAAI,EAAEC,yBAAW,KAACf,gCAAgB,KAACC;;;kDAG9C,KAACR;wCAAQ6C,QAAQ;wCAACC,aAAY;wCAAWX,SAAQ;;;;0CAGrD,KAAChC;gCAAQuC,OAAM;gCAAwBC,WAAU;0CAC/C,cAAA,KAAC1C;oCAAWgC,MAAK;oCAAQI,IAAI;wCAAEO,YAAY;oCAAO;oCAAGV,SAAShB;8CAC5D,cAAA,KAACT;;;;;;;YAKR,CAACM,6BAAe,KAACJ;gBAAgBG,OAAOA;gBAAOE,UAAUA;;;;AAGhE"}

package/dist/TransformsEditor/TransformsEditor.d.ts

@@ -1,6 +1,6 @@
-import { Transform } from '@perses-dev/core';
 import { StackProps } from '@mui/material';
 import { ReactElement } from 'react';
+import { Transform } from '../model';
 export interface TransformsEditorProps extends Omit<StackProps, 'onChange'> {
     value: Transform[];
     onChange: (transforms: Transform[]) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"TransformsEditor.d.ts","sourceRoot":"","sources":["../../src/TransformsEditor/TransformsEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAI/C,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACzE,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,YAAY,CAwDnG"}
+{"version":3,"file":"TransformsEditor.d.ts","sourceRoot":"","sources":["../../src/TransformsEditor/TransformsEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACzE,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,YAAY,CAwDnG"}

package/dist/TransformsEditor/TransformsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TransformsEditor/TransformsEditor.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 { Transform } from '@perses-dev/core'; // TODO\nimport { Button, Stack, StackProps } from '@mui/material';\nimport { ReactElement, useState } from 'react';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport { TransformEditorContainer } from './TransformEditorContainer';\n\nexport interface TransformsEditorProps extends Omit<StackProps, 'onChange'> {\n  value: Transform[];\n  onChange: (transforms: Transform[]) => void;\n}\n\nexport function TransformsEditor({ value, onChange, ...props }: TransformsEditorProps): ReactElement {\n  const [transformsCollapsed, setTransformsCollapsed] = useState(value.map(() => true));\n\n  function handleTransformChange(index: number, transform: Transform): void {\n    const updatedTransforms = [...value];\n    updatedTransforms[index] = transform;\n    onChange(updatedTransforms);\n  }\n\n  function handleTransformAdd(): void {\n    const updatedTransforms = [...value];\n    // @ts-expect-error: Unknown transform\n    updatedTransforms.push({ kind: '', spec: {} });\n    onChange(updatedTransforms);\n    setTransformsCollapsed((prev) => {\n      prev.push(false);\n      return [...prev];\n    });\n  }\n\n  function handleTransformDelete(index: number): void {\n    const updatedTransforms = [...value];\n    updatedTransforms.splice(index, 1);\n    onChange(updatedTransforms);\n    setTransformsCollapsed((prev) => {\n      prev.splice(index, 1);\n      return [...prev];\n    });\n  }\n\n  function handleTransformCollapseExpand(index: number, collapsed: boolean): void {\n    setTransformsCollapsed((prev) => {\n      prev[index] = collapsed;\n      return [...prev];\n    });\n  }\n\n  return (\n    <Stack gap={1} {...props}>\n      {value.map((transform, i) => (\n        <TransformEditorContainer\n          key={i}\n          index={i}\n          value={transform}\n          isCollapsed={transformsCollapsed[i] ?? true}\n          onChange={(updatedTransform: Transform) => handleTransformChange(i, updatedTransform)}\n          onDelete={() => handleTransformDelete(i)}\n          onCollapse={(collapsed) => handleTransformCollapseExpand(i, collapsed)}\n        />\n      ))}\n\n      <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginTop: 1 }} onClick={handleTransformAdd}>\n        Add Transformation\n      </Button>\n    </Stack>\n  );\n}\n"],"names":["Button","Stack","useState","AddIcon","TransformEditorContainer","TransformsEditor","value","onChange","props","transformsCollapsed","setTransformsCollapsed","map","handleTransformChange","index","transform","updatedTransforms","handleTransformAdd","push","kind","spec","prev","handleTransformDelete","splice","handleTransformCollapseExpand","collapsed","gap","i","isCollapsed","updatedTransform","onDelete","onCollapse","variant","startIcon","sx","marginTop","onClick"],"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,MAAM,EAAEC,KAAK,QAAoB,gBAAgB;AAC1D,SAAuBC,QAAQ,QAAQ,QAAQ;AAC/C,OAAOC,aAAa,uBAAuB;AAC3C,SAASC,wBAAwB,QAAQ,6BAA6B;AAOtE,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAA8B;IACnF,MAAM,CAACC,qBAAqBC,uBAAuB,GAAGR,SAASI,MAAMK,GAAG,CAAC,IAAM;IAE/E,SAASC,sBAAsBC,KAAa,EAAEC,SAAoB;QAChE,MAAMC,oBAAoB;eAAIT;SAAM;QACpCS,iBAAiB,CAACF,MAAM,GAAGC;QAC3BP,SAASQ;IACX;IAEA,SAASC;QACP,MAAMD,oBAAoB;eAAIT;SAAM;QACpC,sCAAsC;QACtCS,kBAAkBE,IAAI,CAAC;YAAEC,MAAM;YAAIC,MAAM,CAAC;QAAE;QAC5CZ,SAASQ;QACTL,uBAAuB,CAACU;YACtBA,KAAKH,IAAI,CAAC;YACV,OAAO;mBAAIG;aAAK;QAClB;IACF;IAEA,SAASC,sBAAsBR,KAAa;QAC1C,MAAME,oBAAoB;eAAIT;SAAM;QACpCS,kBAAkBO,MAAM,CAACT,OAAO;QAChCN,SAASQ;QACTL,uBAAuB,CAACU;YACtBA,KAAKE,MAAM,CAACT,OAAO;YACnB,OAAO;mBAAIO;aAAK;QAClB;IACF;IAEA,SAASG,8BAA8BV,KAAa,EAAEW,SAAkB;QACtEd,uBAAuB,CAACU;YACtBA,IAAI,CAACP,MAAM,GAAGW;YACd,OAAO;mBAAIJ;aAAK;QAClB;IACF;IAEA,qBACE,MAACnB;QAAMwB,KAAK;QAAI,GAAGjB,KAAK;;YACrBF,MAAMK,GAAG,CAAC,CAACG,WAAWY,kBACrB,KAACtB;oBAECS,OAAOa;oBACPpB,OAAOQ;oBACPa,aAAalB,mBAAmB,CAACiB,EAAE,IAAI;oBACvCnB,UAAU,CAACqB,mBAAgChB,sBAAsBc,GAAGE;oBACpEC,UAAU,IAAMR,sBAAsBK;oBACtCI,YAAY,CAACN,YAAcD,8BAA8BG,GAAGF;mBANvDE;0BAUT,KAAC1B;gBAAO+B,SAAQ;gBAAYC,yBAAW,KAAC7B;gBAAY8B,IAAI;oBAAEC,WAAW;gBAAE;gBAAGC,SAASnB;0BAAoB;;;;AAK7G"}
+{"version":3,"sources":["../../src/TransformsEditor/TransformsEditor.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 { Button, Stack, StackProps } from '@mui/material';\nimport { ReactElement, useState } from 'react';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport { Transform } from '../model';\nimport { TransformEditorContainer } from './TransformEditorContainer';\n\nexport interface TransformsEditorProps extends Omit<StackProps, 'onChange'> {\n  value: Transform[];\n  onChange: (transforms: Transform[]) => void;\n}\n\nexport function TransformsEditor({ value, onChange, ...props }: TransformsEditorProps): ReactElement {\n  const [transformsCollapsed, setTransformsCollapsed] = useState(value.map(() => true));\n\n  function handleTransformChange(index: number, transform: Transform): void {\n    const updatedTransforms = [...value];\n    updatedTransforms[index] = transform;\n    onChange(updatedTransforms);\n  }\n\n  function handleTransformAdd(): void {\n    const updatedTransforms = [...value];\n    // @ts-expect-error: Unknown transform\n    updatedTransforms.push({ kind: '', spec: {} });\n    onChange(updatedTransforms);\n    setTransformsCollapsed((prev) => {\n      prev.push(false);\n      return [...prev];\n    });\n  }\n\n  function handleTransformDelete(index: number): void {\n    const updatedTransforms = [...value];\n    updatedTransforms.splice(index, 1);\n    onChange(updatedTransforms);\n    setTransformsCollapsed((prev) => {\n      prev.splice(index, 1);\n      return [...prev];\n    });\n  }\n\n  function handleTransformCollapseExpand(index: number, collapsed: boolean): void {\n    setTransformsCollapsed((prev) => {\n      prev[index] = collapsed;\n      return [...prev];\n    });\n  }\n\n  return (\n    <Stack gap={1} {...props}>\n      {value.map((transform, i) => (\n        <TransformEditorContainer\n          key={i}\n          index={i}\n          value={transform}\n          isCollapsed={transformsCollapsed[i] ?? true}\n          onChange={(updatedTransform: Transform) => handleTransformChange(i, updatedTransform)}\n          onDelete={() => handleTransformDelete(i)}\n          onCollapse={(collapsed) => handleTransformCollapseExpand(i, collapsed)}\n        />\n      ))}\n\n      <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginTop: 1 }} onClick={handleTransformAdd}>\n        Add Transformation\n      </Button>\n    </Stack>\n  );\n}\n"],"names":["Button","Stack","useState","AddIcon","TransformEditorContainer","TransformsEditor","value","onChange","props","transformsCollapsed","setTransformsCollapsed","map","handleTransformChange","index","transform","updatedTransforms","handleTransformAdd","push","kind","spec","prev","handleTransformDelete","splice","handleTransformCollapseExpand","collapsed","gap","i","isCollapsed","updatedTransform","onDelete","onCollapse","variant","startIcon","sx","marginTop","onClick"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,MAAM,EAAEC,KAAK,QAAoB,gBAAgB;AAC1D,SAAuBC,QAAQ,QAAQ,QAAQ;AAC/C,OAAOC,aAAa,uBAAuB;AAE3C,SAASC,wBAAwB,QAAQ,6BAA6B;AAOtE,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAA8B;IACnF,MAAM,CAACC,qBAAqBC,uBAAuB,GAAGR,SAASI,MAAMK,GAAG,CAAC,IAAM;IAE/E,SAASC,sBAAsBC,KAAa,EAAEC,SAAoB;QAChE,MAAMC,oBAAoB;eAAIT;SAAM;QACpCS,iBAAiB,CAACF,MAAM,GAAGC;QAC3BP,SAASQ;IACX;IAEA,SAASC;QACP,MAAMD,oBAAoB;eAAIT;SAAM;QACpC,sCAAsC;QACtCS,kBAAkBE,IAAI,CAAC;YAAEC,MAAM;YAAIC,MAAM,CAAC;QAAE;QAC5CZ,SAASQ;QACTL,uBAAuB,CAACU;YACtBA,KAAKH,IAAI,CAAC;YACV,OAAO;mBAAIG;aAAK;QAClB;IACF;IAEA,SAASC,sBAAsBR,KAAa;QAC1C,MAAME,oBAAoB;eAAIT;SAAM;QACpCS,kBAAkBO,MAAM,CAACT,OAAO;QAChCN,SAASQ;QACTL,uBAAuB,CAACU;YACtBA,KAAKE,MAAM,CAACT,OAAO;YACnB,OAAO;mBAAIO;aAAK;QAClB;IACF;IAEA,SAASG,8BAA8BV,KAAa,EAAEW,SAAkB;QACtEd,uBAAuB,CAACU;YACtBA,IAAI,CAACP,MAAM,GAAGW;YACd,OAAO;mBAAIJ;aAAK;QAClB;IACF;IAEA,qBACE,MAACnB;QAAMwB,KAAK;QAAI,GAAGjB,KAAK;;YACrBF,MAAMK,GAAG,CAAC,CAACG,WAAWY,kBACrB,KAACtB;oBAECS,OAAOa;oBACPpB,OAAOQ;oBACPa,aAAalB,mBAAmB,CAACiB,EAAE,IAAI;oBACvCnB,UAAU,CAACqB,mBAAgChB,sBAAsBc,GAAGE;oBACpEC,UAAU,IAAMR,sBAAsBK;oBACtCI,YAAY,CAACN,YAAcD,8BAA8BG,GAAGF;mBANvDE;0BAUT,KAAC1B;gBAAO+B,SAAQ;gBAAYC,yBAAW,KAAC7B;gBAAY8B,IAAI;oBAAEC,WAAW;gBAAE;gBAAGC,SAASnB;0BAAoB;;;;AAK7G"}

package/dist/cjs/ContentWithLegend/ContentWithLegend.js

@@ -22,7 +22,7 @@ Object.defineProperty(exports, "ContentWithLegend", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _core = require("@perses-dev/core");
+const _model = require("../model");
 const _Legend = require("../Legend");
 const _contentwithlegendmodel = require("./model/content-with-legend-model");
 function ContentWithLegend({ children, legendProps, width, height, spacing = 0, legendSize, minChildrenWidth = 100, minChildrenHeight = 100 }) {
@@ -35,7 +35,7 @@ function ContentWithLegend({ children, legendProps, width, height, spacing = 0,
         minChildrenWidth,
         spacing,
         theme,
-        legendSize: (0, _core.getLegendSize)(legendSize)
+        legendSize: (0, _model.getLegendSize)(legendSize)
     });
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         style: {

package/dist/cjs/ContentWithLegend/model/content-with-legend-model.js

@@ -28,7 +28,7 @@ _export(exports, {
         return getContentWithLegendLayout;
     }
 });
-const _core = require("@perses-dev/core");
+const _model = require("../../model");
 const _Table = require("../../Table");
 const TABLE_LEGEND_SIZE = {
     medium: {
@@ -69,7 +69,7 @@ function getContentWithLegendLayout({ width, height, legendProps, legendSize, mi
         return noLegendLayout;
     }
     const { position } = legendOptions;
-    const mode = (0, _core.getLegendMode)(legendOptions.mode);
+    const mode = (0, _model.getLegendMode)(legendOptions.mode);
     let legendWidth;
     let legendHeight;
     if (mode === 'list') {

package/dist/cjs/FormatControls/FormatControls.js

@@ -22,9 +22,9 @@ Object.defineProperty(exports, "FormatControls", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _core = require("@perses-dev/core");
 const _OptionsEditorLayout = require("../OptionsEditorLayout");
 const _SettingsAutocomplete = require("../SettingsAutocomplete");
+const _model = require("../model");
 const _UnitSelector = require("./UnitSelector");
 const DECIMAL_PLACES_OPTIONS = [
     {
@@ -62,8 +62,8 @@ function getOptionByDecimalPlaces(decimalPlaces) {
     return DECIMAL_PLACES_OPTIONS.find((o)=>o.decimalPlaces === decimalPlaces);
 }
 function FormatControls({ value, onChange, disabled = false }) {
-    const hasDecimalPlaces = (0, _core.isUnitWithDecimalPlaces)(value);
-    const hasShortValues = (0, _core.isUnitWithShortValues)(value);
+    const hasDecimalPlaces = (0, _model.isUnitWithDecimalPlaces)(value);
+    const hasShortValues = (0, _model.isUnitWithShortValues)(value);
     const handleUnitChange = (newValue)=>{
         onChange(newValue || {
             unit: 'decimal'
@@ -90,7 +90,7 @@ function FormatControls({ value, onChange, disabled = false }) {
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsEditorLayout.OptionsEditorControl, {
                 label: "Short values",
                 control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
-                    checked: hasShortValues ? (0, _core.shouldShortenValues)(value.shortValues) : false,
+                    checked: hasShortValues ? (0, _model.shouldShortenValues)(value.shortValues) : false,
                     onChange: handleShortValuesChange,
                     disabled: !hasShortValues
                 })

package/dist/cjs/FormatControls/UnitSelector.js

@@ -21,9 +21,9 @@ Object.defineProperty(exports, "UnitSelector", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _core = require("@perses-dev/core");
 const _SettingsAutocomplete = require("../SettingsAutocomplete");
-const KIND_OPTIONS = Object.entries(_core.UNIT_CONFIG).map(([id, config])=>{
+const _model = require("../model");
+const KIND_OPTIONS = Object.entries(_model.UNIT_CONFIG).map(([id, config])=>{
     return {
         ...config,
         id: id,
@@ -31,7 +31,7 @@ const KIND_OPTIONS = Object.entries(_core.UNIT_CONFIG).map(([id, config])=>{
     };
 }).filter((config)=>!config.disableSelectorOption);
 function UnitSelector({ value, onChange, disabled = false, ...otherProps }) {
-    const unitConfig = _core.UNIT_CONFIG[value?.unit || 'decimal'];
+    const unitConfig = _model.UNIT_CONFIG[value?.unit || 'decimal'];
     const handleChange = (_, newValue)=>{
         if (newValue === null) {
             onChange(undefined);

package/dist/cjs/Legend/Legend.js

@@ -23,7 +23,7 @@ Object.defineProperty(exports, "Legend", {
 const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _immer = require("immer");
-const _core = require("@perses-dev/core");
+const _model = require("../model");
 const _ListLegend = require("./ListLegend");
 const _CompactLegend = require("./CompactLegend");
 const _TableLegend = require("./TableLegend");
@@ -66,7 +66,7 @@ function Legend({ width, height, options, data, selectedItems, onSelectedItemsCh
         });
         onSelectedItemsChange(newSelected);
     };
-    const mode = (0, _core.getLegendMode)(options.mode);
+    const mode = (0, _model.getLegendMode)(options.mode);
     // The bottom legend is displayed as a list when the number of items is too
     // large and requires virtualization. Otherwise, it is rendered more compactly.
     // We do not need this check for the right-side legend because it is always

package/dist/cjs/Table/Table.js

@@ -24,6 +24,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 const _reacttable = require("@tanstack/react-table");
 const _react = require("react");
+const _useFuzzySearch = require("./hooks/useFuzzySearch");
 const _TableCheckbox = require("./TableCheckbox");
 const _VirtualizedTable = require("./VirtualizedTable");
 const _tablemodel = require("./model/table-model");
@@ -35,8 +36,13 @@ const DEFAULT_GET_ROW_ID = (data, index)=>{
 // does not do deep equality checking for objects and arrays.
 const DEFAULT_ROW_SELECTION = {};
 const DEFAULT_SORTING = [];
-function Table({ data, columns, cellConfigs, density = 'standard', defaultColumnWidth = _tablemodel.DEFAULT_COLUMN_WIDTH, defaultColumnHeight = 'auto', checkboxSelection, onRowSelectionChange, onSortingChange, getCheckboxColor, getRowId = DEFAULT_GET_ROW_ID, rowSelection = DEFAULT_ROW_SELECTION, sorting = DEFAULT_SORTING, getItemActions, hasItemActions, pagination, onPaginationChange, rowSelectionVariant = 'standard', ...otherProps }) {
+function Table({ data, columns, cellConfigs, density = 'standard', defaultColumnWidth = _tablemodel.DEFAULT_COLUMN_WIDTH, defaultColumnHeight = 'auto', checkboxSelection, onRowSelectionChange, onSortingChange, getCheckboxColor, getRowId = DEFAULT_GET_ROW_ID, rowSelection = DEFAULT_ROW_SELECTION, sorting = DEFAULT_SORTING, getItemActions, hasItemActions, pagination, onPaginationChange, rowSelectionVariant = 'standard', getSubRows, hiddenColumns, tableToolbarConfig, ...otherProps }) {
     const theme = (0, _material.useTheme)();
+    const { globalFilter, setGlobalFilter, fuzzySearchOptions } = (0, _useFuzzySearch.useFuzzySearch)(tableToolbarConfig?.isSearchEnabled);
+    const [columnVisibility, setColumnVisibility] = (0, _react.useState)(hiddenColumns?.reduce((acc, columnId)=>({
+            ...acc,
+            [columnId]: false
+        }), {}) ?? {});
     const handleRowSelectionChange = (rowSelectionUpdater)=>{
         const newRowSelection = typeof rowSelectionUpdater === 'function' ? rowSelectionUpdater(rowSelection) : rowSelectionUpdater;
         onRowSelectionChange?.(newRowSelection);
@@ -143,7 +149,7 @@ function Table({ data, columns, cellConfigs, density = 'standard', defaultColumn
     const table = (0, _reacttable.useReactTable)({
         data,
         columns: tableColumns,
-        getRowId,
+        getRowId: getRowId,
         getCoreRowModel: (0, _reacttable.getCoreRowModel)(),
         getSortedRowModel: (0, _reacttable.getSortedRowModel)(),
         getPaginationRowModel: pagination ? (0, _reacttable.getPaginationRowModel)() : undefined,
@@ -153,12 +159,18 @@ function Table({ data, columns, cellConfigs, density = 'standard', defaultColumn
         enableRowSelection: !!checkboxSelection,
         onRowSelectionChange: handleRowSelectionChange,
         onSortingChange: handleSortingChange,
+        onColumnVisibilityChange: setColumnVisibility,
+        getSubRows: getSubRows,
+        getExpandedRowModel: getSubRows ? (0, _reacttable.getExpandedRowModel)() : undefined,
+        ...fuzzySearchOptions,
         // For now, defaulting to sort by descending first. We can expose the ability
         // to customize it if/when we have use cases for it.
         sortDescFirst: true,
         state: {
             rowSelection,
             sorting,
+            globalFilter: tableToolbarConfig?.isSearchEnabled ? globalFilter : undefined,
+            columnVisibility,
             ...pagination ? {
                 pagination
             } : {}
@@ -179,11 +191,19 @@ function Table({ data, columns, cellConfigs, density = 'standard', defaultColumn
         defaultColumnHeight: defaultColumnHeight,
         onRowClick: handleRowClick,
         rows: table.getRowModel().rows,
-        columns: table.getAllFlatColumns(),
+        columns: table.getVisibleFlatColumns(),
         headers: table.getHeaderGroups(),
         cellConfigs: cellConfigs,
         pagination: pagination,
         onPaginationChange: onPaginationChange,
-        rowCount: table.getRowCount()
+        rowCount: table.getRowCount(),
+        toolbarConfig: {
+            isSearchEnabled: tableToolbarConfig?.isSearchEnabled,
+            globalFilter,
+            onGlobalFilterChange: setGlobalFilter,
+            isColumnFilterEnabled: tableToolbarConfig?.isColumnFilterEnabled,
+            columns: table.getAllColumns(),
+            columnFilterMenuMaxHeight: tableToolbarConfig?.columnFilterMenuMaxHeight
+        }
     });
 }