@fluentui/react-charts 9.1.10 → 9.2.1

package/lib/components/FunnelChart/funnelGeometry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["funnelGeometry.ts"],"sourcesContent":["import * as React from 'react';\nimport { FunnelChartDataPoint } from './FunnelChart.types';\n\nexport interface FunnelSegmentGeometry {\n  pathD: string;\n  textX: number;\n  textY: number;\n  availableWidth: number;\n}\n\nexport interface StackedFunnelSegmentGeometry {\n  pathD: string;\n  textX: number;\n  textY: number;\n  availableWidth: number;\n}\n\ninterface SubValue {\n  category: string;\n  value: number;\n  color: string;\n}\n\ninterface Stage {\n  subValues: SubValue[];\n}\n\nexport function getVerticalFunnelSegmentGeometry({\n  d,\n  i,\n  data,\n  funnelWidth,\n  funnelHeight,\n  isRTL,\n}: {\n  d: FunnelChartDataPoint;\n  i: number;\n  data: FunnelChartDataPoint[];\n  funnelWidth: number;\n  funnelHeight: number;\n  isRTL: boolean;\n}): FunnelSegmentGeometry {\n  const segmentHeight = funnelHeight / data.length;\n  const widthScale = (value: number) => (value / Math.max(...data.map(dataPoint => dataPoint.value!))) * funnelWidth;\n  const topWidth = widthScale(d.value!);\n  const bottomWidth = i < data.length - 1 ? widthScale(data[i + 1].value!) : 0;\n  const xOffset = (funnelWidth - topWidth) / 2;\n  const nextXOffset = (funnelWidth - bottomWidth) / 2;\n  const xStart = isRTL ? funnelWidth - xOffset : xOffset;\n  const xEnd = isRTL ? funnelWidth - nextXOffset : nextXOffset;\n\n  const isLastSegment = i === data.length - 1;\n  const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : i * segmentHeight + segmentHeight / 2;\n\n  const textX = funnelWidth / 2;\n  let availableWidth = topWidth;\n  if (isLastSegment) {\n    const yFromTop = textY - i * segmentHeight;\n    const widthAtY = topWidth * (1 - yFromTop / segmentHeight);\n    availableWidth = Math.max(widthAtY * 0.8, 0);\n  } else {\n    availableWidth = Math.min(topWidth, bottomWidth) * 0.9;\n  }\n  const pathD = `M${xStart},${i * segmentHeight}\n    L${funnelWidth - xStart},${i * segmentHeight}\n    L${funnelWidth - xEnd},${(i + 1) * segmentHeight}\n    L${xEnd},${(i + 1) * segmentHeight}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getHorizontalFunnelSegmentGeometry({\n  d,\n  i,\n  data,\n  funnelWidth,\n  funnelHeight,\n  isRTL,\n}: {\n  d: FunnelChartDataPoint;\n  i: number;\n  data: FunnelChartDataPoint[];\n  funnelWidth: number;\n  funnelHeight: number;\n  isRTL: boolean;\n}): FunnelSegmentGeometry {\n  const segmentWidth = funnelWidth / data.length;\n  const heightScale = (value: number) => (value / Math.max(...data.map(dataPoint => dataPoint.value!))) * funnelHeight;\n  const leftHeight = heightScale(d.value!);\n  const rightHeight = i < data.length - 1 ? heightScale(data[i + 1].value!) : 0;\n  const yOffset = (funnelHeight - leftHeight) / 2;\n  const nextYOffset = (funnelHeight - rightHeight) / 2;\n  const x0 = i * segmentWidth;\n  const x1 = (i + 1) * segmentWidth;\n\n  const isLastSegment = i === data.length - 1;\n  let textX: number;\n  let textY: number;\n  let availableWidth = segmentWidth * 0.8;\n\n  if (isLastSegment) {\n    // For the triangular last segment, position text at 1/4 from the left edge\n    textX = x0 + (x1 - x0) * 0.25;\n    textY = funnelHeight / 2;\n\n    // For triangular segments, we need to check both height and width constraints\n    // The segment needs to be large enough to contain text\n    const segmentArea = (leftHeight * segmentWidth) / 2; // Area of triangle\n    const minAreaForText = 800; // Minimum area needed to show text\n\n    if (leftHeight < 40 || segmentArea < minAreaForText) {\n      // Hide text if height is too small or area is insufficient\n      availableWidth = 0;\n    } else {\n      // Calculate available width at text position\n      const widthAtTextPosition = (x1 - x0) * 0.75;\n      availableWidth = widthAtTextPosition * 0.6;\n    }\n  } else {\n    textX = (x0 + x1) / 2;\n    textY = funnelHeight / 2;\n    const minHeight = Math.min(leftHeight, rightHeight);\n    availableWidth = minHeight > 20 ? segmentWidth * 0.8 : 0;\n  }\n\n  const pathD = `M${x0},${yOffset}\n    L${x1},${nextYOffset}\n    L${x1},${funnelHeight - nextYOffset}\n    L${x0},${funnelHeight - yOffset}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getStackedVerticalFunnelSegmentGeometry({\n  i,\n  k,\n  stages,\n  totals,\n  maxTotal,\n  funnelWidth,\n  funnelHeight,\n}: {\n  i: number;\n  k: number;\n  stages: Stage[];\n  totals: number[];\n  maxTotal: number;\n  funnelWidth: number;\n  funnelHeight: number;\n}): StackedFunnelSegmentGeometry {\n  const segmentHeight = funnelHeight / stages.length;\n  const cur = stages[i];\n  const next = stages[i + 1] || { subValues: [] };\n  const curTotal = totals[i] || 1;\n  const nextTotal = totals[i + 1] || 0;\n\n  let cumTop = 0;\n  let cumBot = 0;\n  for (let idx = 0; idx < k; idx++) {\n    const v = cur.subValues[idx];\n    const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n    const val = v.value;\n    const nextVal = vNext ? vNext.value : 0;\n    cumTop += (val / curTotal) * (curTotal / maxTotal) * funnelWidth;\n    cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;\n  }\n  const v = cur.subValues[k];\n  const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n  const val = v.value;\n  const nextVal = vNext ? vNext.value : 0;\n  const topW = (val / curTotal) * (curTotal / maxTotal) * funnelWidth;\n  const botW = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;\n  const topStart = (funnelWidth - (curTotal / maxTotal) * funnelWidth) / 2 + cumTop;\n  const topEnd = topStart + topW;\n  const botStart = (funnelWidth - (nextTotal / maxTotal) * funnelWidth) / 2 + cumBot;\n  const botEnd = botStart + botW;\n  const textX = (topStart + topEnd + botStart + botEnd) / 4;\n\n  const isLastSegment = i === stages.length - 1;\n  const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : (i + 0.5) * segmentHeight;\n\n  // Calculate available width based on this specific segment's width\n  let availableWidth: number;\n  if (isLastSegment) {\n    // For triangular last segment, use the width at text Y position\n    const yFromTop = textY - i * segmentHeight;\n    const widthRatio = 1 - yFromTop / segmentHeight;\n    availableWidth = topW * widthRatio;\n  } else {\n    // For trapezoidal segments, use the actual segment width\n    availableWidth = Math.min(topW, botW);\n  }\n\n  const pathD = `M${topStart},${i * segmentHeight}\n    L${topEnd},${i * segmentHeight}\n    L${botEnd},${(i + 1) * segmentHeight}\n    L${botStart},${(i + 1) * segmentHeight}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getStackedHorizontalFunnelSegmentGeometry({\n  i,\n  k,\n  stages,\n  totals,\n  maxTotal,\n  funnelWidth,\n  funnelHeight,\n}: {\n  i: number;\n  k: number;\n  stages: Stage[];\n  totals: number[];\n  maxTotal: number;\n  funnelWidth: number;\n  funnelHeight: number;\n}): StackedFunnelSegmentGeometry {\n  const segmentWidth = funnelWidth / stages.length;\n  const cur = stages[i];\n  const next = stages[i + 1] || { subValues: [] };\n  const curTotal = totals[i] || 1;\n  const nextTotal = totals[i + 1] || 0;\n\n  let cumTop = 0;\n  let cumBot = 0;\n  for (let idx = 0; idx < k; idx++) {\n    const v = cur.subValues[idx];\n    const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n    const val = v.value;\n    const nextVal = vNext ? vNext.value : 0;\n    cumTop += (val / curTotal) * (curTotal / maxTotal) * funnelHeight;\n    cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;\n  }\n  const v = cur.subValues[k];\n  const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n  const val = v.value;\n  const nextVal = vNext ? vNext.value : 0;\n  const topH = (val / curTotal) * (curTotal / maxTotal) * funnelHeight;\n  const botH = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;\n  const leftStart = i * segmentWidth;\n  const leftEnd = (i + 1) * segmentWidth;\n  const topStart = (funnelHeight - (curTotal / maxTotal) * funnelHeight) / 2 + cumTop;\n  const topEnd = topStart + topH;\n  const botStart = (funnelHeight - (nextTotal / maxTotal) * funnelHeight) / 2 + cumBot;\n  const botEnd = botStart + botH;\n\n  const isLastSegment = i === stages.length - 1;\n  let textX: number;\n  let textY: number;\n  let availableWidth: number;\n\n  if (isLastSegment) {\n    textX = leftStart + (leftEnd - leftStart) * 0.25;\n    textY = (topStart + topEnd) / 2;\n    // For triangular segments, calculate available width at text position\n    const segmentWidthAtTextPos = (leftEnd - leftStart) * 0.5;\n    availableWidth = segmentWidthAtTextPos * 0.8;\n\n    // For triangular last segments, also check if there's enough height\n    // The segment area should be large enough to contain text\n    const segmentArea = (topH * segmentWidth) / 2;\n    if (topH < 24 || segmentArea < 600) {\n      availableWidth = 0;\n    }\n  } else {\n    textX = (leftStart + leftEnd) / 2;\n    textY = (topStart + topEnd + botStart + botEnd) / 4;\n    // For trapezoidal segments, use full segment width\n    availableWidth = Math.abs(leftEnd - leftStart) * 0.9;\n\n    // Check if the segment has sufficient height for text\n    // For non-last segments, we need to ensure there's enough vertical space\n    const avgHeight = (topH + botH) / 2;\n    if (avgHeight < 20) {\n      availableWidth = 0;\n    }\n  }\n\n  const pathD = `M${leftStart},${topStart}\n    L${leftEnd},${botStart}\n    L${leftEnd},${botEnd}\n    L${leftStart},${topEnd}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getSegmentTextProps({\n  availableWidth,\n  minTextWidth = 24,\n  textX,\n  textY,\n  value,\n  culture,\n  onMouseOver,\n  onMouseMove,\n  onMouseOut,\n}: {\n  availableWidth: number;\n  minTextWidth?: number;\n  textX: number;\n  textY: number;\n  value: number;\n  culture: string | undefined;\n  onMouseOver: ((event: React.MouseEvent<SVGElement>) => void) | undefined;\n  onMouseMove: ((event: React.MouseEvent<SVGElement>) => void) | undefined;\n  onMouseOut: (() => void) | undefined;\n}) {\n  return {\n    show: availableWidth > minTextWidth && availableWidth > 0,\n    x: textX,\n    y: textY,\n    value,\n    culture,\n    onMouseOver,\n    onMouseMove,\n    onMouseOut,\n  };\n}\n"],"names":["React","getVerticalFunnelSegmentGeometry","d","i","data","funnelWidth","funnelHeight","isRTL","segmentHeight","length","widthScale","value","Math","max","map","dataPoint","topWidth","bottomWidth","xOffset","nextXOffset","xStart","xEnd","isLastSegment","textY","textX","availableWidth","yFromTop","widthAtY","min","pathD","getHorizontalFunnelSegmentGeometry","segmentWidth","heightScale","leftHeight","rightHeight","yOffset","nextYOffset","x0","x1","segmentArea","minAreaForText","widthAtTextPosition","minHeight","getStackedVerticalFunnelSegmentGeometry","k","stages","totals","maxTotal","next","cur","subValues","curTotal","nextTotal","cumTop","cumBot","idx","v","vNext","find","x","category","val","nextVal","topW","botW","topStart","topEnd","botStart","botEnd","widthRatio","getStackedHorizontalFunnelSegmentGeometry","topH","botH","leftStart","leftEnd","segmentWidthAtTextPos","abs","avgHeight","getSegmentTextProps","minTextWidth","culture","onMouseOver","onMouseMove","onMouseOut","show","y"],"mappings":"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"}
+{"version":3,"sources":["../src/components/FunnelChart/funnelGeometry.ts"],"sourcesContent":["import * as React from 'react';\nimport { FunnelChartDataPoint } from './FunnelChart.types';\n\nexport interface FunnelSegmentGeometry {\n  pathD: string;\n  textX: number;\n  textY: number;\n  availableWidth: number;\n}\n\nexport interface StackedFunnelSegmentGeometry {\n  pathD: string;\n  textX: number;\n  textY: number;\n  availableWidth: number;\n}\n\ninterface SubValue {\n  category: string;\n  value: number;\n  color: string;\n}\n\ninterface Stage {\n  subValues: SubValue[];\n}\n\nexport function getVerticalFunnelSegmentGeometry({\n  d,\n  i,\n  data,\n  funnelWidth,\n  funnelHeight,\n  isRTL,\n}: {\n  d: FunnelChartDataPoint;\n  i: number;\n  data: FunnelChartDataPoint[];\n  funnelWidth: number;\n  funnelHeight: number;\n  isRTL: boolean;\n}): FunnelSegmentGeometry {\n  const segmentHeight = funnelHeight / data.length;\n  const widthScale = (value: number) => (value / Math.max(...data.map(dataPoint => dataPoint.value!))) * funnelWidth;\n  const topWidth = widthScale(d.value!);\n  const bottomWidth = i < data.length - 1 ? widthScale(data[i + 1].value!) : 0;\n  const xOffset = (funnelWidth - topWidth) / 2;\n  const nextXOffset = (funnelWidth - bottomWidth) / 2;\n  const xStart = isRTL ? funnelWidth - xOffset : xOffset;\n  const xEnd = isRTL ? funnelWidth - nextXOffset : nextXOffset;\n\n  const isLastSegment = i === data.length - 1;\n  const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : i * segmentHeight + segmentHeight / 2;\n\n  const textX = funnelWidth / 2;\n  let availableWidth = topWidth;\n  if (isLastSegment) {\n    const yFromTop = textY - i * segmentHeight;\n    const widthAtY = topWidth * (1 - yFromTop / segmentHeight);\n    availableWidth = Math.max(widthAtY * 0.8, 0);\n  } else {\n    availableWidth = Math.min(topWidth, bottomWidth) * 0.9;\n  }\n  const pathD = `M${xStart},${i * segmentHeight}\n    L${funnelWidth - xStart},${i * segmentHeight}\n    L${funnelWidth - xEnd},${(i + 1) * segmentHeight}\n    L${xEnd},${(i + 1) * segmentHeight}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getHorizontalFunnelSegmentGeometry({\n  d,\n  i,\n  data,\n  funnelWidth,\n  funnelHeight,\n  isRTL,\n}: {\n  d: FunnelChartDataPoint;\n  i: number;\n  data: FunnelChartDataPoint[];\n  funnelWidth: number;\n  funnelHeight: number;\n  isRTL: boolean;\n}): FunnelSegmentGeometry {\n  const segmentWidth = funnelWidth / data.length;\n  const heightScale = (value: number) => (value / Math.max(...data.map(dataPoint => dataPoint.value!))) * funnelHeight;\n  const leftHeight = heightScale(d.value!);\n  const rightHeight = i < data.length - 1 ? heightScale(data[i + 1].value!) : 0;\n  const yOffset = (funnelHeight - leftHeight) / 2;\n  const nextYOffset = (funnelHeight - rightHeight) / 2;\n  const x0 = i * segmentWidth;\n  const x1 = (i + 1) * segmentWidth;\n\n  const isLastSegment = i === data.length - 1;\n  let textX: number;\n  let textY: number;\n  let availableWidth = segmentWidth * 0.8;\n\n  if (isLastSegment) {\n    // For the triangular last segment, position text at 1/4 from the left edge\n    textX = x0 + (x1 - x0) * 0.25;\n    textY = funnelHeight / 2;\n\n    // For triangular segments, we need to check both height and width constraints\n    // The segment needs to be large enough to contain text\n    const segmentArea = (leftHeight * segmentWidth) / 2; // Area of triangle\n    const minAreaForText = 800; // Minimum area needed to show text\n\n    if (leftHeight < 40 || segmentArea < minAreaForText) {\n      // Hide text if height is too small or area is insufficient\n      availableWidth = 0;\n    } else {\n      // Calculate available width at text position\n      const widthAtTextPosition = (x1 - x0) * 0.75;\n      availableWidth = widthAtTextPosition * 0.6;\n    }\n  } else {\n    textX = (x0 + x1) / 2;\n    textY = funnelHeight / 2;\n    const minHeight = Math.min(leftHeight, rightHeight);\n    availableWidth = minHeight > 20 ? segmentWidth * 0.8 : 0;\n  }\n\n  const pathD = `M${x0},${yOffset}\n    L${x1},${nextYOffset}\n    L${x1},${funnelHeight - nextYOffset}\n    L${x0},${funnelHeight - yOffset}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getStackedVerticalFunnelSegmentGeometry({\n  i,\n  k,\n  stages,\n  totals,\n  maxTotal,\n  funnelWidth,\n  funnelHeight,\n}: {\n  i: number;\n  k: number;\n  stages: Stage[];\n  totals: number[];\n  maxTotal: number;\n  funnelWidth: number;\n  funnelHeight: number;\n}): StackedFunnelSegmentGeometry {\n  const segmentHeight = funnelHeight / stages.length;\n  const cur = stages[i];\n  const next = stages[i + 1] || { subValues: [] };\n  const curTotal = totals[i] || 1;\n  const nextTotal = totals[i + 1] || 0;\n\n  let cumTop = 0;\n  let cumBot = 0;\n  for (let idx = 0; idx < k; idx++) {\n    const v = cur.subValues[idx];\n    const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n    const val = v.value;\n    const nextVal = vNext ? vNext.value : 0;\n    cumTop += (val / curTotal) * (curTotal / maxTotal) * funnelWidth;\n    cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;\n  }\n  const v = cur.subValues[k];\n  const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n  const val = v.value;\n  const nextVal = vNext ? vNext.value : 0;\n  const topW = (val / curTotal) * (curTotal / maxTotal) * funnelWidth;\n  const botW = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;\n  const topStart = (funnelWidth - (curTotal / maxTotal) * funnelWidth) / 2 + cumTop;\n  const topEnd = topStart + topW;\n  const botStart = (funnelWidth - (nextTotal / maxTotal) * funnelWidth) / 2 + cumBot;\n  const botEnd = botStart + botW;\n  const textX = (topStart + topEnd + botStart + botEnd) / 4;\n\n  const isLastSegment = i === stages.length - 1;\n  const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : (i + 0.5) * segmentHeight;\n\n  // Calculate available width based on this specific segment's width\n  let availableWidth: number;\n  if (isLastSegment) {\n    // For triangular last segment, use the width at text Y position\n    const yFromTop = textY - i * segmentHeight;\n    const widthRatio = 1 - yFromTop / segmentHeight;\n    availableWidth = topW * widthRatio;\n  } else {\n    // For trapezoidal segments, use the actual segment width\n    availableWidth = Math.min(topW, botW);\n  }\n\n  const pathD = `M${topStart},${i * segmentHeight}\n    L${topEnd},${i * segmentHeight}\n    L${botEnd},${(i + 1) * segmentHeight}\n    L${botStart},${(i + 1) * segmentHeight}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getStackedHorizontalFunnelSegmentGeometry({\n  i,\n  k,\n  stages,\n  totals,\n  maxTotal,\n  funnelWidth,\n  funnelHeight,\n}: {\n  i: number;\n  k: number;\n  stages: Stage[];\n  totals: number[];\n  maxTotal: number;\n  funnelWidth: number;\n  funnelHeight: number;\n}): StackedFunnelSegmentGeometry {\n  const segmentWidth = funnelWidth / stages.length;\n  const cur = stages[i];\n  const next = stages[i + 1] || { subValues: [] };\n  const curTotal = totals[i] || 1;\n  const nextTotal = totals[i + 1] || 0;\n\n  let cumTop = 0;\n  let cumBot = 0;\n  for (let idx = 0; idx < k; idx++) {\n    const v = cur.subValues[idx];\n    const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n    const val = v.value;\n    const nextVal = vNext ? vNext.value : 0;\n    cumTop += (val / curTotal) * (curTotal / maxTotal) * funnelHeight;\n    cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;\n  }\n  const v = cur.subValues[k];\n  const vNext = next.subValues?.find((x: SubValue) => x.category === v.category);\n  const val = v.value;\n  const nextVal = vNext ? vNext.value : 0;\n  const topH = (val / curTotal) * (curTotal / maxTotal) * funnelHeight;\n  const botH = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;\n  const leftStart = i * segmentWidth;\n  const leftEnd = (i + 1) * segmentWidth;\n  const topStart = (funnelHeight - (curTotal / maxTotal) * funnelHeight) / 2 + cumTop;\n  const topEnd = topStart + topH;\n  const botStart = (funnelHeight - (nextTotal / maxTotal) * funnelHeight) / 2 + cumBot;\n  const botEnd = botStart + botH;\n\n  const isLastSegment = i === stages.length - 1;\n  let textX: number;\n  let textY: number;\n  let availableWidth: number;\n\n  if (isLastSegment) {\n    textX = leftStart + (leftEnd - leftStart) * 0.25;\n    textY = (topStart + topEnd) / 2;\n    // For triangular segments, calculate available width at text position\n    const segmentWidthAtTextPos = (leftEnd - leftStart) * 0.5;\n    availableWidth = segmentWidthAtTextPos * 0.8;\n\n    // For triangular last segments, also check if there's enough height\n    // The segment area should be large enough to contain text\n    const segmentArea = (topH * segmentWidth) / 2;\n    if (topH < 24 || segmentArea < 600) {\n      availableWidth = 0;\n    }\n  } else {\n    textX = (leftStart + leftEnd) / 2;\n    textY = (topStart + topEnd + botStart + botEnd) / 4;\n    // For trapezoidal segments, use full segment width\n    availableWidth = Math.abs(leftEnd - leftStart) * 0.9;\n\n    // Check if the segment has sufficient height for text\n    // For non-last segments, we need to ensure there's enough vertical space\n    const avgHeight = (topH + botH) / 2;\n    if (avgHeight < 20) {\n      availableWidth = 0;\n    }\n  }\n\n  const pathD = `M${leftStart},${topStart}\n    L${leftEnd},${botStart}\n    L${leftEnd},${botEnd}\n    L${leftStart},${topEnd}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getSegmentTextProps({\n  availableWidth,\n  minTextWidth = 24,\n  textX,\n  textY,\n  value,\n  culture,\n  onMouseOver,\n  onMouseMove,\n  onMouseOut,\n}: {\n  availableWidth: number;\n  minTextWidth?: number;\n  textX: number;\n  textY: number;\n  value: number;\n  culture: string | undefined;\n  onMouseOver: ((event: React.MouseEvent<SVGElement>) => void) | undefined;\n  onMouseMove: ((event: React.MouseEvent<SVGElement>) => void) | undefined;\n  onMouseOut: (() => void) | undefined;\n}) {\n  return {\n    show: availableWidth > minTextWidth && availableWidth > 0,\n    x: textX,\n    y: textY,\n    value,\n    culture,\n    onMouseOver,\n    onMouseMove,\n    onMouseOut,\n  };\n}\n"],"names":["React","getVerticalFunnelSegmentGeometry","d","i","data","funnelWidth","funnelHeight","isRTL","segmentHeight","length","widthScale","value","Math","max","map","dataPoint","topWidth","bottomWidth","xOffset","nextXOffset","xStart","xEnd","isLastSegment","textY","textX","availableWidth","yFromTop","widthAtY","min","pathD","getHorizontalFunnelSegmentGeometry","segmentWidth","heightScale","leftHeight","rightHeight","yOffset","nextYOffset","x0","x1","segmentArea","minAreaForText","widthAtTextPosition","minHeight","getStackedVerticalFunnelSegmentGeometry","k","stages","totals","maxTotal","next","cur","subValues","curTotal","nextTotal","cumTop","cumBot","idx","v","vNext","find","x","category","val","nextVal","topW","botW","topStart","topEnd","botStart","botEnd","widthRatio","getStackedHorizontalFunnelSegmentGeometry","topH","botH","leftStart","leftEnd","segmentWidthAtTextPos","abs","avgHeight","getSegmentTextProps","minTextWidth","culture","onMouseOver","onMouseMove","onMouseOut","show","y"],"mappings":"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"}

package/lib/components/FunnelChart/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './FunnelChart';\nexport * from './FunnelChart.types';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB"}
+{"version":3,"sources":["../src/components/FunnelChart/index.ts"],"sourcesContent":["export * from './FunnelChart';\nexport * from './FunnelChart.types';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB"}

package/lib/components/FunnelChart/useFunnelChartStyles.styles.js

@@ -55,5 +55,4 @@ export const useFunnelChartStyles = props => {
     text: mergeClasses(funnelClassNames.text, baseStyles.text, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.text),
     calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.calloutContentRoot)
   };
-};
-//# sourceMappingURL=useFunnelChartStyles.styles.js.map
+};

package/lib/components/FunnelChart/useFunnelChartStyles.styles.raw.js

@@ -0,0 +1,51 @@
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+/**
+ * @internal
+ */ export const funnelClassNames = {
+    root: 'fui-funnel__root',
+    chart: 'fui-funnel__chart',
+    text: 'fui-funnel__text',
+    calloutContentRoot: 'fui-funnel__callout-content-root'
+};
+/**
+ * Base Styles
+ */ const useStyles = makeStyles({
+    root: {
+        alignItems: 'center',
+        width: '100%',
+        height: '100%',
+        fontFamily: tokens.fontFamilyBase,
+        fontSize: tokens.fontSizeBase300,
+        fontWeight: tokens.fontWeightRegular,
+        position: 'relative'
+    },
+    chart: {
+        display: 'block',
+        width: '100%',
+        height: '100%'
+    },
+    text: {
+        pointerEvents: 'none',
+        fontWeight: tokens.fontWeightSemibold,
+        fill: tokens.colorNeutralForeground1,
+        fontFamily: tokens.fontFamilyBase,
+        fontSize: tokens.fontSizeBase300
+    },
+    calloutContentRoot: {
+        maxWidth: '238px'
+    }
+});
+/**
+ * Apply styling to the FunnelChart component
+ */ export const useFunnelChartStyles = (props)=>{
+    var _props_styles, _props_styles1, _props_styles2, _props_styles3;
+    const { className } = props;
+    const baseStyles = useStyles();
+    return {
+        root: mergeClasses(funnelClassNames.root, baseStyles.root, className, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+        chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chart),
+        text: mergeClasses(funnelClassNames.text, baseStyles.text, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.text),
+        calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.calloutContentRoot)
+    };
+};

package/lib/components/FunnelChart/useFunnelChartStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FunnelChart/useFunnelChartStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { FunnelChartProps, FunnelChartStyles } from './index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @internal\n */\nexport const funnelClassNames: SlotClassNames<FunnelChartStyles> = {\n  root: 'fui-funnel__root',\n  chart: 'fui-funnel__chart',\n  text: 'fui-funnel__text',\n  calloutContentRoot: 'fui-funnel__callout-content-root',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    alignItems: 'center',\n    width: '100%',\n    height: '100%',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    position: 'relative',\n  },\n  chart: {\n    display: 'block',\n    width: '100%',\n    height: '100%',\n  },\n  text: {\n    pointerEvents: 'none',\n    fontWeight: tokens.fontWeightSemibold,\n    fill: tokens.colorNeutralForeground1,\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n  },\n  calloutContentRoot: {\n    maxWidth: '238px',\n  },\n});\n\n/**\n * Apply styling to the FunnelChart component\n */\nexport const useFunnelChartStyles = (props: FunnelChartProps): FunnelChartStyles => {\n  const { className } = props;\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(funnelClassNames.root, baseStyles.root, className, props.styles?.root),\n    chart: mergeClasses(funnelClassNames.chart, baseStyles.chart, props.styles?.chart),\n    text: mergeClasses(funnelClassNames.text, baseStyles.text, props.styles?.text),\n    calloutContentRoot: mergeClasses(baseStyles.calloutContentRoot, props.styles?.calloutContentRoot),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","funnelClassNames","root","chart","text","calloutContentRoot","useStyles","alignItems","width","height","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","position","display","pointerEvents","fontWeightSemibold","fill","colorNeutralForeground1","maxWidth","useFunnelChartStyles","props","className","baseStyles","styles"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAI/C;;CAEC,GACD,OAAO,MAAMC,mBAAsD;IACjEC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,oBAAoB;AACtB,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYR,WAAW;IAC3BI,MAAM;QACJK,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,YAAYV,OAAOW,cAAc;QACjCC,UAAUZ,OAAOa,eAAe;QAChCC,YAAYd,OAAOe,iBAAiB;QACpCC,UAAU;IACZ;IACAb,OAAO;QACLc,SAAS;QACTT,OAAO;QACPC,QAAQ;IACV;IACAL,MAAM;QACJc,eAAe;QACfJ,YAAYd,OAAOmB,kBAAkB;QACrCC,MAAMpB,OAAOqB,uBAAuB;QACpCX,YAAYV,OAAOW,cAAc;QACjCC,UAAUZ,OAAOa,eAAe;IAClC;IACAR,oBAAoB;QAClBiB,UAAU;IACZ;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC;QAKqCA,eACRA,gBACHA,gBACKA;IAPlE,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAapB;IAEnB,OAAO;QACLJ,MAAMH,aAAaE,iBAAiBC,IAAI,EAAEwB,WAAWxB,IAAI,EAAEuB,YAAWD,gBAAAA,MAAMG,MAAM,cAAZH,oCAAAA,cAActB,IAAI;QACxFC,OAAOJ,aAAaE,iBAAiBE,KAAK,EAAEuB,WAAWvB,KAAK,GAAEqB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcrB,KAAK;QACjFC,MAAML,aAAaE,iBAAiBG,IAAI,EAAEsB,WAAWtB,IAAI,GAAEoB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcpB,IAAI;QAC7EC,oBAAoBN,aAAa2B,WAAWrB,kBAAkB,GAAEmB,iBAAAA,MAAMG,MAAM,cAAZH,qCAAAA,eAAcnB,kBAAkB;IAClG;AACF,EAAE"}

package/lib/components/GanttChart/GanttChart.js

@@ -4,8 +4,9 @@ import { useId } from '@fluentui/react-utilities';
 import { Legends } from '../Legends/index';
 import { CartesianChart } from '../CommonComponents/index';
 import { ChartPopover } from '../CommonComponents/ChartPopover';
-import { ChartTypes, YAxisType, XAxisTypes, getTypeOfAxis, getNextColor, findHBCWANumericMinMaxOfY, createYAxisForHorizontalBarChartWithAxis, createStringYAxisForHorizontalBarChartWithAxis, areArraysEqual, MIN_DOMAIN_MARGIN, sortAxisCategories, calculateAppropriateBarWidth, getColorFromToken, getScalePadding, getDateFormatLevel } from '../../utilities/index';
+import { ChartTypes, YAxisType, XAxisTypes, getTypeOfAxis, getNextColor, findHBCWANumericMinMaxOfY, createYAxisForHorizontalBarChartWithAxis, createStringYAxisForHorizontalBarChartWithAxis, areArraysEqual, MIN_DOMAIN_MARGIN, sortAxisCategories, calculateAppropriateBarWidth, getColorFromToken, getScalePadding, getDateFormatLevel, useRtl } from '../../utilities/index';
 import { formatDateToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';
+import { toImage } from '../../utilities/image-export-utils';
 const DEFAULT_BAR_HEIGHT = 24;
 const MIN_BAR_HEIGHT = 1;
 export const GanttChart = /*#__PURE__*/ React.forwardRef(({ useUTC = true, yAxisCategoryOrder = 'default', maxBarHeight = 24, ...props }, forwardedRef)=>{
@@ -29,6 +30,9 @@ export const GanttChart = /*#__PURE__*/ React.forwardRef(({ useUTC = true, yAxis
         y: 0
     });
     const [isPopoverOpen, setPopoverOpen] = React.useState(false);
+    const cartesianChartRef = React.useRef(null);
+    const _legendsRef = React.useRef(null);
+    const _isRTL = useRtl();
     React.useEffect(()=>{
         var _prevProps_current_legendProps, _props_legendProps;
         if (!areArraysEqual((_prevProps_current_legendProps = _prevProps.current.legendProps) === null || _prevProps_current_legendProps === void 0 ? void 0 : _prevProps_current_legendProps.selectedLegends, (_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends)) {
@@ -39,6 +43,17 @@ export const GanttChart = /*#__PURE__*/ React.forwardRef(({ useUTC = true, yAxis
     }, [
         props
     ]);
+    React.useImperativeHandle(props.componentRef, ()=>{
+        var _cartesianChartRef_current;
+        var _cartesianChartRef_current_chartContainer;
+        return {
+            chartContainer: (_cartesianChartRef_current_chartContainer = (_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer) !== null && _cartesianChartRef_current_chartContainer !== void 0 ? _cartesianChartRef_current_chartContainer : null,
+            toImage: (opts)=>{
+                var _cartesianChartRef_current, _legendsRef_current;
+                return toImage((_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer, (_legendsRef_current = _legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, _isRTL, opts);
+            }
+        };
+    }, []);
     const _points = React.useMemo(()=>{
         var _props_data;
         _legendMap.current = {};
@@ -418,7 +433,8 @@ export const GanttChart = /*#__PURE__*/ React.forwardRef(({ useUTC = true, yAxis
             enabledWrapLines: props.enabledLegendsWrapLines,
             overflowText: props.legendsOverflowText,
             onChange: _onLegendSelectionChange,
-            ...props.legendProps
+            ...props.legendProps,
+            legendRef: _legendsRef
         });
         return legends;
     }, [
@@ -501,6 +517,7 @@ export const GanttChart = /*#__PURE__*/ React.forwardRef(({ useUTC = true, yAxis
             chartType: ChartTypes.GanttChart,
             xAxisType: _xAxisType,
             yAxisType: _yAxisType,
+            componentRef: cartesianChartRef,
             stringDatasetForYAxisDomain: _yAxisLabels,
             calloutProps: calloutProps,
             tickParams: tickParams,

package/lib/components/GanttChart/GanttChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GanttChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, ScaleBand, ScaleTime } from 'd3-scale';\nimport { useId } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { Margins, GanttChartDataPoint } from '../../types/DataPoint';\nimport { CartesianChart, ModifiedCartesianChartProps } from '../CommonComponents/index';\nimport { GanttChartProps } from './GanttChart.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { ChartPopoverProps } from '../../index';\nimport {\n  ChartTypes,\n  YAxisType,\n  XAxisTypes,\n  getTypeOfAxis,\n  getNextColor,\n  findHBCWANumericMinMaxOfY,\n  createYAxisForHorizontalBarChartWithAxis,\n  IDomainNRange,\n  createStringYAxisForHorizontalBarChartWithAxis,\n  areArraysEqual,\n  MIN_DOMAIN_MARGIN,\n  sortAxisCategories,\n  calculateAppropriateBarWidth,\n  getColorFromToken,\n  getScalePadding,\n  getDateFormatLevel,\n} from '../../utilities/index';\nimport { formatDateToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';\n\ntype NumberScale = ScaleLinear<number, number>;\ntype StringScale = ScaleBand<string>;\ntype DateScale = ScaleTime<Date, number>;\n\nconst DEFAULT_BAR_HEIGHT = 24;\nconst MIN_BAR_HEIGHT = 1;\n\nexport const GanttChart: React.FunctionComponent<GanttChartProps> = React.forwardRef<HTMLDivElement, GanttChartProps>(\n  ({ useUTC = true, yAxisCategoryOrder = 'default', maxBarHeight = 24, ...props }, forwardedRef) => {\n    const _barHeight = React.useRef<number>(DEFAULT_BAR_HEIGHT);\n    const _margins = React.useRef<Margins>({});\n    const _calloutAnchorPoint = React.useRef<GanttChartDataPoint | null>(null);\n    const _emptyChartId = useId('Gantt_empty');\n    const _legendId = useId('gantt_legend');\n    const _legendMap = React.useRef<Record<string, { id: string; startColor: string; endColor: string }>>({});\n    const _prevProps = React.useRef<Partial<GanttChartProps>>({});\n\n    const [calloutColor, setCalloutColor] = React.useState<string>('');\n    const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n    const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n    const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n    const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [calloutDataPoint, setCalloutDataPoint] = React.useState<GanttChartDataPoint>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n\n    React.useEffect(() => {\n      if (!areArraysEqual(_prevProps.current.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n        setSelectedLegends(props.legendProps?.selectedLegends || []);\n      }\n      _prevProps.current = props;\n    }, [props]);\n\n    const _points = React.useMemo(() => {\n      _legendMap.current = {};\n      let colorIndex = 0;\n\n      return (\n        props.data?.map(point => {\n          const legend = `${point.legend}`;\n          if (!_legendMap.current[legend]) {\n            let startColor = point.color ? getColorFromToken(point.color) : getNextColor(colorIndex, 0);\n            let endColor = startColor;\n\n            if (props.enableGradient) {\n              startColor = point.gradient?.[0]!;\n              endColor = point.gradient?.[1]!;\n            }\n\n            _legendMap.current[legend] = { id: `${_legendId}_${colorIndex}`, startColor, endColor };\n            colorIndex += 1;\n          }\n\n          const { startColor, endColor } = _legendMap.current[legend];\n          return {\n            ...point,\n            color: startColor,\n            ...(props.enableGradient ? { gradient: [startColor, endColor] as [string, string] } : {}),\n          };\n        }) ?? []\n      );\n    }, [props.data, props.enableGradient]);\n\n    const _xAxisType = React.useMemo(() => {\n      if (_points.length > 0) {\n        return getTypeOfAxis(_points[0].x.start, true) as XAxisTypes;\n      }\n      return XAxisTypes.DateAxis;\n    }, [_points]);\n\n    const _yAxisType = React.useMemo(() => {\n      if (_points.length > 0) {\n        return getTypeOfAxis(_points[0].y, false) as YAxisType;\n      }\n      return YAxisType.StringAxis;\n    }, [_points]);\n\n    const _yAxisPadding = React.useMemo(() => {\n      return getScalePadding(props.yAxisPadding, undefined, 1 / 2);\n    }, [props.yAxisPadding]);\n\n    const _dateFormatOptions = React.useMemo(() => {\n      if (_xAxisType !== XAxisTypes.DateAxis) {\n        return undefined;\n      }\n\n      let lowestFormatLevel = 100;\n      let highestFormatLevel = -1;\n      _points.forEach(p => {\n        const startFormatLevel = getDateFormatLevel(p.x.start as Date, useUTC as boolean);\n        const endFormatLevel = getDateFormatLevel(p.x.end as Date, useUTC as boolean);\n        lowestFormatLevel = Math.min(lowestFormatLevel, startFormatLevel, endFormatLevel);\n        highestFormatLevel = Math.max(highestFormatLevel, startFormatLevel, endFormatLevel);\n      });\n\n      return getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n    }, [useUTC, _points, _xAxisType]);\n\n    const _mapYValueToXValues = React.useCallback(() => {\n      const yValueToXValues: Record<string, number[]> = {};\n      _points.forEach(point => {\n        if (!yValueToXValues[point.y]) {\n          yValueToXValues[point.y] = [];\n        }\n        yValueToXValues[point.y].push(+point.x.end - +point.x.start);\n      });\n      return yValueToXValues;\n    }, [_points]);\n\n    const _getOrderedYAxisLabels = React.useCallback(() => {\n      const yValueToXValues = _mapYValueToXValues();\n\n      if (_yAxisType !== YAxisType.StringAxis) {\n        return Object.keys(yValueToXValues).sort((a, b) => +a - +b);\n      }\n\n      if (yAxisCategoryOrder === 'default') {\n        return Object.keys(yValueToXValues).reverse();\n      }\n      return sortAxisCategories(yValueToXValues, yAxisCategoryOrder);\n    }, [_mapYValueToXValues, _yAxisType, yAxisCategoryOrder]);\n\n    const _yAxisLabels = React.useMemo(() => _getOrderedYAxisLabels(), [_getOrderedYAxisLabels]);\n\n    const _getDomainNRangeValues = React.useCallback(\n      (\n        points: GanttChartDataPoint[],\n        margins: Margins,\n        containerWidth: number,\n        chartType: ChartTypes,\n        isRTL: boolean,\n        xAxisType: XAxisTypes,\n        barWidth: number,\n        tickValues: Date[] | number[] | undefined,\n        shiftX: number,\n      ): IDomainNRange => {\n        const xValues: (Date | number)[] = [];\n        points.forEach(point => {\n          xValues.push(point.x.start, point.x.end);\n        });\n\n        const xMin = d3Min(xValues) || 0;\n        const xMax = d3Max(xValues) || 0;\n\n        return {\n          dStartValue: isRTL ? xMax : xMin,\n          dEndValue: isRTL ? xMin : xMax,\n          rStartValue: margins.left! + (isRTL ? 0 : shiftX),\n          rEndValue: containerWidth - margins.right! - (isRTL ? shiftX : 0),\n        };\n      },\n      [],\n    );\n\n    const _getMargins = React.useCallback((margins: Margins) => {\n      _margins.current = margins;\n    }, []);\n\n    const _getFormattedXValue = React.useCallback(\n      (point: GanttChartDataPoint): string => {\n        let formattedStartX: string;\n        let formattedEndX: string;\n\n        if (_xAxisType === XAxisTypes.DateAxis) {\n          formattedStartX = formatDateToLocaleString(\n            point.x.start as Date,\n            props.culture,\n            useUTC as boolean,\n            false,\n            _dateFormatOptions,\n          );\n          formattedEndX = formatDateToLocaleString(\n            point.x.end as Date,\n            props.culture,\n            useUTC as boolean,\n            false,\n            _dateFormatOptions,\n          );\n        } else {\n          formattedStartX = point.x.start.toString();\n          formattedEndX = point.x.end.toString();\n        }\n\n        return `${formattedStartX} - ${formattedEndX}`;\n      },\n      [props.culture, useUTC, _dateFormatOptions, _xAxisType],\n    );\n\n    const _getCustomizedCallout = React.useCallback(() => {\n      const defaultRender = (point?: GanttChartDataPoint): React.JSX.Element | null => {\n        return point ? (\n          <ChartPopover\n            isPopoverOpen={isPopoverOpen}\n            clickPosition={clickPosition}\n            XValue={point.yAxisCalloutData || point.y.toString()}\n            legend={point.legend}\n            YValue={point.xAxisCalloutData || _getFormattedXValue(point)}\n            color={point.color}\n            culture={props.culture}\n          />\n        ) : null;\n      };\n\n      return props.onRenderCalloutPerDataPoint\n        ? props.onRenderCalloutPerDataPoint(calloutDataPoint, defaultRender)\n        : null;\n      //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [_getFormattedXValue, calloutDataPoint, props.culture, props.onRenderCalloutPerDataPoint]);\n\n    const _getAriaLabel = React.useCallback(\n      (point: GanttChartDataPoint): string => {\n        const xValue = point.xAxisCalloutData || _getFormattedXValue(point);\n        const yValue = point.yAxisCalloutData || point.y;\n        return (\n          point.callOutAccessibilityData?.ariaLabel ||\n          `${yValue}. ` + (point.legend ? `${point.legend}, ` : '') + `${xValue}.`\n        );\n      },\n      [_getFormattedXValue],\n    );\n\n    const _getHighlightedLegend = React.useCallback(() => {\n      return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n    }, [hoveredLegend, selectedLegends]);\n\n    /**\n     * This function checks if the given legend is highlighted or not.\n     * A legend can be highlighted in 2 ways:\n     * 1. selection: if the user clicks on it\n     * 2. hovering: if there is no selected legend and the user hovers over it\n     */\n    const _legendHighlighted = React.useCallback(\n      (legend: string | undefined) => {\n        return _getHighlightedLegend().includes(`${legend}`);\n      },\n      [_getHighlightedLegend],\n    );\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    const _noLegendHighlighted = React.useCallback(() => {\n      return _getHighlightedLegend().length === 0;\n    }, [_getHighlightedLegend]);\n\n    const _showCallout = React.useCallback(\n      (target: React.MouseEvent<SVGElement> | React.FocusEvent<SVGElement>, point: GanttChartDataPoint) => {\n        if (!(_noLegendHighlighted() || _legendHighlighted(point.legend)) || _calloutAnchorPoint.current === point) {\n          return;\n        }\n        if ('clientX' in target && 'clientY' in target) {\n          updatePosition(target.clientX, target.clientY);\n        } else {\n          const rect = (target.target as SVGElement).getBoundingClientRect();\n          updatePosition(rect.left, rect.top);\n        }\n        _calloutAnchorPoint.current = point;\n        setPopoverOpen(true);\n        setCalloutLegend(point.legend!);\n        setCalloutColor(point.color!);\n        setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n        setYCalloutValue(point.xAxisCalloutData! || _getFormattedXValue(point));\n        setCalloutDataPoint(point);\n      },\n      [_getFormattedXValue, _legendHighlighted, _noLegendHighlighted],\n    );\n\n    const _onBarFocus = React.useCallback(\n      (point: GanttChartDataPoint, focusEvent: React.FocusEvent<SVGElement>): void => {\n        _showCallout(focusEvent, point);\n      },\n      [_showCallout],\n    );\n\n    const _onBarHover = React.useCallback(\n      (point: GanttChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>): void => {\n        _showCallout(mouseEvent, point);\n      },\n      [_showCallout],\n    );\n\n    const _onBarLeave = React.useCallback((): void => {\n      // do nothing\n    }, []);\n\n    const _handleChartMouseLeave = React.useCallback((): void => {\n      _calloutAnchorPoint.current = null;\n      setPopoverOpen(false);\n      setCalloutLegend('');\n      setCalloutColor('');\n      setXCalloutValue('');\n      setYCalloutValue('');\n      setCalloutDataPoint(undefined);\n    }, []);\n\n    const _getBarHeight = React.useCallback(\n      (adjustedValue: number): number => {\n        let barHeight: number;\n        if (typeof props.barHeight === 'number') {\n          barHeight = props.barHeight;\n        } else {\n          barHeight = adjustedValue;\n        }\n        if (typeof maxBarHeight === 'number') {\n          barHeight = Math.min(barHeight, maxBarHeight);\n        }\n        barHeight = Math.max(barHeight, MIN_BAR_HEIGHT);\n        return barHeight;\n      },\n      [maxBarHeight, props.barHeight],\n    );\n\n    const _getOrderedDataPoints = React.useCallback(() => {\n      const result: GanttChartDataPoint[] = [];\n\n      const yValueToPoints: Record<string, GanttChartDataPoint[]> = {};\n      _points.forEach(point => {\n        if (!yValueToPoints[point.y]) {\n          yValueToPoints[point.y] = [];\n        }\n        yValueToPoints[point.y].push(point);\n      });\n\n      for (let i = _yAxisLabels.length - 1; i >= 0; i--) {\n        const yValue = _yAxisLabels[i];\n        if (yValueToPoints[yValue]) {\n          result.push(...yValueToPoints[yValue].sort((a, b) => +a.x.start - +b.x.start));\n        }\n      }\n\n      return result;\n    }, [_points, _yAxisLabels]);\n\n    const _createBars = React.useCallback(\n      ({\n        xScale,\n        yScalePrimary: yScale,\n      }: {\n        xScale: DateScale | NumberScale;\n        yScalePrimary: NumberScale | StringScale;\n      }): React.JSX.Element => {\n        const getGradientId = (legend: string | undefined) => {\n          const legendId = _legendMap.current[`${legend}`].id;\n          return `${legendId}_gradient`;\n        };\n\n        const gradientDefs: React.JSX.Element[] = [];\n        if (props.enableGradient) {\n          Object.keys(_legendMap.current).forEach((legend: string, index: number) => {\n            const { startColor, endColor } = _legendMap.current[legend];\n            gradientDefs.push(\n              <linearGradient key={index} id={getGradientId(legend)}>\n                <stop offset=\"0\" stopColor={startColor} />\n                <stop offset=\"100%\" stopColor={endColor} />\n              </linearGradient>,\n            );\n          });\n        }\n\n        let scaleBandwidth = 0;\n        if (_yAxisType === YAxisType.StringAxis) {\n          scaleBandwidth = (yScale as StringScale).bandwidth();\n          _barHeight.current = _getBarHeight(scaleBandwidth);\n        }\n\n        const points = _getOrderedDataPoints();\n        const bars = points.map((point: GanttChartDataPoint, index: number) => {\n          const rectStartX = xScale(point.x.start);\n          const rectEndX = xScale(point.x.end);\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const rectY = yScale(point.y as any)! + (scaleBandwidth - _barHeight.current) / 2;\n\n          const shouldHighlight = _noLegendHighlighted() || _legendHighlighted(point.legend);\n\n          return (\n            <rect\n              key={index}\n              x={Math.min(rectStartX, rectEndX)}\n              y={rectY}\n              width={Math.abs(rectEndX - rectStartX)}\n              height={_barHeight.current}\n              rx={props.roundCorners ? 3 : 0}\n              fill={props.enableGradient ? `url(#${getGradientId(point.legend)})` : point.color}\n              opacity={shouldHighlight ? 1 : 0.1}\n              onClick={point.onClick}\n              onMouseOver={(event: React.MouseEvent<SVGElement>) => _onBarHover(point, event)}\n              onMouseLeave={_onBarLeave}\n              onFocus={(event: React.FocusEvent<SVGElement>) => _onBarFocus(point, event)}\n              onBlur={_onBarLeave}\n              tabIndex={shouldHighlight ? 0 : -1}\n              role=\"img\"\n              aria-label={_getAriaLabel(point)}\n            />\n          );\n        });\n        return (\n          <g>\n            {gradientDefs.length > 0 ? <defs>{gradientDefs}</defs> : null}\n            {bars}\n          </g>\n        );\n      },\n      [\n        _getAriaLabel,\n        _getBarHeight,\n        _getOrderedDataPoints,\n        _legendHighlighted,\n        _noLegendHighlighted,\n        _onBarFocus,\n        _onBarHover,\n        _onBarLeave,\n        _yAxisType,\n        props.enableGradient,\n        props.roundCorners,\n      ],\n    );\n\n    const _onLegendHover = React.useCallback((legend: string): void => {\n      setHoveredLegend(legend);\n    }, []);\n\n    const _onLegendLeave = React.useCallback((): void => {\n      setHoveredLegend('');\n    }, []);\n\n    const _onLegendSelectionChange = React.useCallback(\n      (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend): void => {\n        if (props.legendProps?.canSelectMultipleLegends) {\n          setSelectedLegends(_selectedLegends);\n        } else {\n          setSelectedLegends(_selectedLegends.slice(-1));\n        }\n        if (props.legendProps?.onChange) {\n          props.legendProps.onChange(_selectedLegends, event, currentLegend);\n        }\n      },\n      [props.legendProps],\n    );\n\n    const _getLegendData = React.useCallback((): React.JSX.Element => {\n      const actions: Legend[] = [];\n\n      Object.keys(_legendMap.current).forEach((legendTitle: string) => {\n        const legend: Legend = {\n          title: legendTitle,\n          color: _legendMap.current[legendTitle].startColor,\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            _onLegendHover(legendTitle);\n          },\n          onMouseOutAction: () => {\n            _onLegendLeave();\n          },\n        };\n\n        actions.push(legend);\n      });\n\n      const legends = (\n        <Legends\n          legends={actions}\n          enabledWrapLines={props.enabledLegendsWrapLines}\n          overflowText={props.legendsOverflowText}\n          onChange={_onLegendSelectionChange}\n          {...props.legendProps}\n        />\n      );\n      return legends;\n    }, [\n      _handleChartMouseLeave,\n      _onLegendHover,\n      _onLegendLeave,\n      _onLegendSelectionChange,\n      props.enabledLegendsWrapLines,\n      props.legendProps,\n      props.legendsOverflowText,\n    ]);\n\n    const _getChartTitle = React.useCallback((): string => {\n      return (props.chartTitle ? `${props.chartTitle}. ` : '') + `Gantt chart with ${_points.length} data points. `;\n    }, [_points.length, props.chartTitle]);\n\n    const _isChartEmpty = React.useCallback((): boolean => {\n      return _points.length === 0;\n    }, [_points.length]);\n\n    const _getYDomainMargins = React.useCallback(\n      (containerHeight: number): Margins => {\n        let domainMargin = MIN_DOMAIN_MARGIN;\n\n        const ySet = new Set<string | number>();\n        _points.forEach((point: GanttChartDataPoint) => {\n          ySet.add(point.y);\n        });\n        const uniqueY = Array.from(ySet);\n\n        /** Total height available to render the bars */\n        const totalHeight =\n          containerHeight -\n          (_margins.current.top! + MIN_DOMAIN_MARGIN) -\n          (_margins.current.bottom! + MIN_DOMAIN_MARGIN);\n\n        if (_yAxisType !== YAxisType.StringAxis) {\n          _barHeight.current = _getBarHeight(\n            calculateAppropriateBarWidth(uniqueY as number[] | Date[], totalHeight, _yAxisPadding),\n          );\n          domainMargin += _barHeight.current / 2;\n        }\n\n        return {\n          ..._margins.current,\n          top: _margins.current.top! + domainMargin,\n          bottom: _margins.current.bottom! + domainMargin,\n        };\n      },\n      [_getBarHeight, _points, _yAxisPadding, _yAxisType],\n    );\n\n    function updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    if (!_isChartEmpty()) {\n      _barHeight.current = _getBarHeight(DEFAULT_BAR_HEIGHT);\n\n      const calloutProps: ChartPopoverProps = {\n        isPopoverOpen,\n        clickPosition,\n        color: calloutColor,\n        legend: calloutLegend,\n        XValue: xCalloutValue,\n        YValue: yCalloutValue,\n        ...props.calloutProps,\n      };\n      const tickParams: ModifiedCartesianChartProps['tickParams'] = {\n        tickValues: props.tickValues,\n        tickFormat: props.tickFormat,\n      };\n\n      return (\n        <CartesianChart\n          {...props}\n          yAxisPadding={_yAxisPadding}\n          chartTitle={_getChartTitle()}\n          points={_points}\n          chartType={ChartTypes.GanttChart}\n          xAxisType={_xAxisType}\n          yAxisType={_yAxisType}\n          stringDatasetForYAxisDomain={_yAxisLabels}\n          calloutProps={calloutProps}\n          tickParams={tickParams}\n          legendBars={_getLegendData()}\n          createYAxis={createYAxisForHorizontalBarChartWithAxis}\n          getDomainNRangeValues={_getDomainNRangeValues}\n          createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n          getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n          customizedCallout={_getCustomizedCallout()}\n          getmargins={_getMargins}\n          getYDomainMargins={_getYDomainMargins}\n          onChartMouseLeave={_handleChartMouseLeave}\n          useUTC={useUTC}\n          children={_createBars}\n        />\n      );\n    } else {\n      return (\n        <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n      );\n    }\n  },\n);\n\nGanttChart.displayName = 'GanttChart';\n"],"names":["React","max","d3Max","min","d3Min","useId","Legends","CartesianChart","ChartPopover","ChartTypes","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","MIN_DOMAIN_MARGIN","sortAxisCategories","calculateAppropriateBarWidth","getColorFromToken","getScalePadding","getDateFormatLevel","formatDateToLocaleString","getMultiLevelDateTimeFormatOptions","DEFAULT_BAR_HEIGHT","MIN_BAR_HEIGHT","GanttChart","forwardRef","useUTC","yAxisCategoryOrder","maxBarHeight","props","forwardedRef","_barHeight","useRef","_margins","_calloutAnchorPoint","_emptyChartId","_legendId","_legendMap","_prevProps","calloutColor","setCalloutColor","useState","hoveredLegend","setHoveredLegend","calloutLegend","setCalloutLegend","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegends","setSelectedLegends","legendProps","calloutDataPoint","setCalloutDataPoint","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","useEffect","current","_points","useMemo","colorIndex","data","map","point","legend","startColor","color","endColor","enableGradient","gradient","id","_xAxisType","length","start","DateAxis","_yAxisType","StringAxis","_yAxisPadding","yAxisPadding","undefined","_dateFormatOptions","lowestFormatLevel","highestFormatLevel","forEach","p","startFormatLevel","endFormatLevel","end","Math","_mapYValueToXValues","useCallback","yValueToXValues","push","_getOrderedYAxisLabels","Object","keys","sort","a","b","reverse","_yAxisLabels","_getDomainNRangeValues","points","margins","containerWidth","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","xValues","xMin","xMax","dStartValue","dEndValue","rStartValue","left","rEndValue","right","_getMargins","_getFormattedXValue","formattedStartX","formattedEndX","culture","toString","_getCustomizedCallout","defaultRender","XValue","yAxisCalloutData","YValue","xAxisCalloutData","onRenderCalloutPerDataPoint","_getAriaLabel","xValue","yValue","callOutAccessibilityData","ariaLabel","_getHighlightedLegend","_legendHighlighted","includes","_noLegendHighlighted","_showCallout","target","updatePosition","clientX","clientY","rect","getBoundingClientRect","top","_onBarFocus","focusEvent","_onBarHover","mouseEvent","_onBarLeave","_handleChartMouseLeave","_getBarHeight","adjustedValue","barHeight","_getOrderedDataPoints","result","yValueToPoints","i","_createBars","xScale","yScalePrimary","yScale","getGradientId","legendId","gradientDefs","index","linearGradient","key","stop","offset","stopColor","scaleBandwidth","bandwidth","bars","rectStartX","rectEndX","rectY","shouldHighlight","width","abs","height","rx","roundCorners","fill","opacity","onClick","onMouseOver","event","onMouseLeave","onFocus","onBlur","tabIndex","role","aria-label","g","defs","_onLegendHover","_onLegendLeave","_onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","_getChartTitle","chartTitle","_isChartEmpty","_getYDomainMargins","containerHeight","domainMargin","ySet","Set","add","uniqueY","Array","from","totalHeight","bottom","newX","newY","threshold","distance","sqrt","pow","calloutProps","tickParams","tickFormat","yAxisType","stringDatasetForYAxisDomain","legendBars","createYAxis","getDomainNRangeValues","createStringYAxis","getMinMaxOfYAxis","customizedCallout","getmargins","getYDomainMargins","onChartMouseLeave","children","div","style","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/GanttChart/GanttChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, ScaleBand, ScaleTime } from 'd3-scale';\nimport { useId } from '@fluentui/react-utilities';\nimport { Legend, Legends, LegendContainer } from '../Legends/index';\nimport { Margins, GanttChartDataPoint } from '../../types/DataPoint';\nimport { CartesianChart, ModifiedCartesianChartProps } from '../CommonComponents/index';\nimport { GanttChartProps } from './GanttChart.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { ChartPopoverProps, ImageExportOptions, Chart } from '../../index';\nimport {\n  ChartTypes,\n  YAxisType,\n  XAxisTypes,\n  getTypeOfAxis,\n  getNextColor,\n  findHBCWANumericMinMaxOfY,\n  createYAxisForHorizontalBarChartWithAxis,\n  IDomainNRange,\n  createStringYAxisForHorizontalBarChartWithAxis,\n  areArraysEqual,\n  MIN_DOMAIN_MARGIN,\n  sortAxisCategories,\n  calculateAppropriateBarWidth,\n  getColorFromToken,\n  getScalePadding,\n  getDateFormatLevel,\n  useRtl,\n} from '../../utilities/index';\nimport { formatDateToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';\nimport { toImage } from '../../utilities/image-export-utils';\n\ntype NumberScale = ScaleLinear<number, number>;\ntype StringScale = ScaleBand<string>;\ntype DateScale = ScaleTime<Date, number>;\n\nconst DEFAULT_BAR_HEIGHT = 24;\nconst MIN_BAR_HEIGHT = 1;\n\nexport const GanttChart: React.FunctionComponent<GanttChartProps> = React.forwardRef<HTMLDivElement, GanttChartProps>(\n  ({ useUTC = true, yAxisCategoryOrder = 'default', maxBarHeight = 24, ...props }, forwardedRef) => {\n    const _barHeight = React.useRef<number>(DEFAULT_BAR_HEIGHT);\n    const _margins = React.useRef<Margins>({});\n    const _calloutAnchorPoint = React.useRef<GanttChartDataPoint | null>(null);\n    const _emptyChartId = useId('Gantt_empty');\n    const _legendId = useId('gantt_legend');\n    const _legendMap = React.useRef<Record<string, { id: string; startColor: string; endColor: string }>>({});\n    const _prevProps = React.useRef<Partial<GanttChartProps>>({});\n\n    const [calloutColor, setCalloutColor] = React.useState<string>('');\n    const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n    const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n    const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n    const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [calloutDataPoint, setCalloutDataPoint] = React.useState<GanttChartDataPoint>();\n    const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n    const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n    const cartesianChartRef = React.useRef<Chart>(null);\n    const _legendsRef = React.useRef<LegendContainer>(null);\n    const _isRTL = useRtl();\n\n    React.useEffect(() => {\n      if (!areArraysEqual(_prevProps.current.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n        setSelectedLegends(props.legendProps?.selectedLegends || []);\n      }\n      _prevProps.current = props;\n    }, [props]);\n\n    React.useImperativeHandle(\n      props.componentRef,\n      () => ({\n        chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n        toImage: (opts?: ImageExportOptions): Promise<string> => {\n          return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _isRTL, opts);\n        },\n      }),\n      [],\n    );\n\n    const _points = React.useMemo(() => {\n      _legendMap.current = {};\n      let colorIndex = 0;\n\n      return (\n        props.data?.map(point => {\n          const legend = `${point.legend}`;\n          if (!_legendMap.current[legend]) {\n            let startColor = point.color ? getColorFromToken(point.color) : getNextColor(colorIndex, 0);\n            let endColor = startColor;\n\n            if (props.enableGradient) {\n              startColor = point.gradient?.[0]!;\n              endColor = point.gradient?.[1]!;\n            }\n\n            _legendMap.current[legend] = { id: `${_legendId}_${colorIndex}`, startColor, endColor };\n            colorIndex += 1;\n          }\n\n          const { startColor, endColor } = _legendMap.current[legend];\n          return {\n            ...point,\n            color: startColor,\n            ...(props.enableGradient ? { gradient: [startColor, endColor] as [string, string] } : {}),\n          };\n        }) ?? []\n      );\n    }, [props.data, props.enableGradient]);\n\n    const _xAxisType = React.useMemo(() => {\n      if (_points.length > 0) {\n        return getTypeOfAxis(_points[0].x.start, true) as XAxisTypes;\n      }\n      return XAxisTypes.DateAxis;\n    }, [_points]);\n\n    const _yAxisType = React.useMemo(() => {\n      if (_points.length > 0) {\n        return getTypeOfAxis(_points[0].y, false) as YAxisType;\n      }\n      return YAxisType.StringAxis;\n    }, [_points]);\n\n    const _yAxisPadding = React.useMemo(() => {\n      return getScalePadding(props.yAxisPadding, undefined, 1 / 2);\n    }, [props.yAxisPadding]);\n\n    const _dateFormatOptions = React.useMemo(() => {\n      if (_xAxisType !== XAxisTypes.DateAxis) {\n        return undefined;\n      }\n\n      let lowestFormatLevel = 100;\n      let highestFormatLevel = -1;\n      _points.forEach(p => {\n        const startFormatLevel = getDateFormatLevel(p.x.start as Date, useUTC as boolean);\n        const endFormatLevel = getDateFormatLevel(p.x.end as Date, useUTC as boolean);\n        lowestFormatLevel = Math.min(lowestFormatLevel, startFormatLevel, endFormatLevel);\n        highestFormatLevel = Math.max(highestFormatLevel, startFormatLevel, endFormatLevel);\n      });\n\n      return getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n    }, [useUTC, _points, _xAxisType]);\n\n    const _mapYValueToXValues = React.useCallback(() => {\n      const yValueToXValues: Record<string, number[]> = {};\n      _points.forEach(point => {\n        if (!yValueToXValues[point.y]) {\n          yValueToXValues[point.y] = [];\n        }\n        yValueToXValues[point.y].push(+point.x.end - +point.x.start);\n      });\n      return yValueToXValues;\n    }, [_points]);\n\n    const _getOrderedYAxisLabels = React.useCallback(() => {\n      const yValueToXValues = _mapYValueToXValues();\n\n      if (_yAxisType !== YAxisType.StringAxis) {\n        return Object.keys(yValueToXValues).sort((a, b) => +a - +b);\n      }\n\n      if (yAxisCategoryOrder === 'default') {\n        return Object.keys(yValueToXValues).reverse();\n      }\n      return sortAxisCategories(yValueToXValues, yAxisCategoryOrder);\n    }, [_mapYValueToXValues, _yAxisType, yAxisCategoryOrder]);\n\n    const _yAxisLabels = React.useMemo(() => _getOrderedYAxisLabels(), [_getOrderedYAxisLabels]);\n\n    const _getDomainNRangeValues = React.useCallback(\n      (\n        points: GanttChartDataPoint[],\n        margins: Margins,\n        containerWidth: number,\n        chartType: ChartTypes,\n        isRTL: boolean,\n        xAxisType: XAxisTypes,\n        barWidth: number,\n        tickValues: Date[] | number[] | undefined,\n        shiftX: number,\n      ): IDomainNRange => {\n        const xValues: (Date | number)[] = [];\n        points.forEach(point => {\n          xValues.push(point.x.start, point.x.end);\n        });\n\n        const xMin = d3Min(xValues) || 0;\n        const xMax = d3Max(xValues) || 0;\n\n        return {\n          dStartValue: isRTL ? xMax : xMin,\n          dEndValue: isRTL ? xMin : xMax,\n          rStartValue: margins.left! + (isRTL ? 0 : shiftX),\n          rEndValue: containerWidth - margins.right! - (isRTL ? shiftX : 0),\n        };\n      },\n      [],\n    );\n\n    const _getMargins = React.useCallback((margins: Margins) => {\n      _margins.current = margins;\n    }, []);\n\n    const _getFormattedXValue = React.useCallback(\n      (point: GanttChartDataPoint): string => {\n        let formattedStartX: string;\n        let formattedEndX: string;\n\n        if (_xAxisType === XAxisTypes.DateAxis) {\n          formattedStartX = formatDateToLocaleString(\n            point.x.start as Date,\n            props.culture,\n            useUTC as boolean,\n            false,\n            _dateFormatOptions,\n          );\n          formattedEndX = formatDateToLocaleString(\n            point.x.end as Date,\n            props.culture,\n            useUTC as boolean,\n            false,\n            _dateFormatOptions,\n          );\n        } else {\n          formattedStartX = point.x.start.toString();\n          formattedEndX = point.x.end.toString();\n        }\n\n        return `${formattedStartX} - ${formattedEndX}`;\n      },\n      [props.culture, useUTC, _dateFormatOptions, _xAxisType],\n    );\n\n    const _getCustomizedCallout = React.useCallback(() => {\n      const defaultRender = (point?: GanttChartDataPoint): React.JSX.Element | null => {\n        return point ? (\n          <ChartPopover\n            isPopoverOpen={isPopoverOpen}\n            clickPosition={clickPosition}\n            XValue={point.yAxisCalloutData || point.y.toString()}\n            legend={point.legend}\n            YValue={point.xAxisCalloutData || _getFormattedXValue(point)}\n            color={point.color}\n            culture={props.culture}\n          />\n        ) : null;\n      };\n\n      return props.onRenderCalloutPerDataPoint\n        ? props.onRenderCalloutPerDataPoint(calloutDataPoint, defaultRender)\n        : null;\n      //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [_getFormattedXValue, calloutDataPoint, props.culture, props.onRenderCalloutPerDataPoint]);\n\n    const _getAriaLabel = React.useCallback(\n      (point: GanttChartDataPoint): string => {\n        const xValue = point.xAxisCalloutData || _getFormattedXValue(point);\n        const yValue = point.yAxisCalloutData || point.y;\n        return (\n          point.callOutAccessibilityData?.ariaLabel ||\n          `${yValue}. ` + (point.legend ? `${point.legend}, ` : '') + `${xValue}.`\n        );\n      },\n      [_getFormattedXValue],\n    );\n\n    const _getHighlightedLegend = React.useCallback(() => {\n      return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n    }, [hoveredLegend, selectedLegends]);\n\n    /**\n     * This function checks if the given legend is highlighted or not.\n     * A legend can be highlighted in 2 ways:\n     * 1. selection: if the user clicks on it\n     * 2. hovering: if there is no selected legend and the user hovers over it\n     */\n    const _legendHighlighted = React.useCallback(\n      (legend: string | undefined) => {\n        return _getHighlightedLegend().includes(`${legend}`);\n      },\n      [_getHighlightedLegend],\n    );\n\n    /**\n     * This function checks if none of the legends is selected or hovered.\n     */\n    const _noLegendHighlighted = React.useCallback(() => {\n      return _getHighlightedLegend().length === 0;\n    }, [_getHighlightedLegend]);\n\n    const _showCallout = React.useCallback(\n      (target: React.MouseEvent<SVGElement> | React.FocusEvent<SVGElement>, point: GanttChartDataPoint) => {\n        if (!(_noLegendHighlighted() || _legendHighlighted(point.legend)) || _calloutAnchorPoint.current === point) {\n          return;\n        }\n        if ('clientX' in target && 'clientY' in target) {\n          updatePosition(target.clientX, target.clientY);\n        } else {\n          const rect = (target.target as SVGElement).getBoundingClientRect();\n          updatePosition(rect.left, rect.top);\n        }\n        _calloutAnchorPoint.current = point;\n        setPopoverOpen(true);\n        setCalloutLegend(point.legend!);\n        setCalloutColor(point.color!);\n        setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n        setYCalloutValue(point.xAxisCalloutData! || _getFormattedXValue(point));\n        setCalloutDataPoint(point);\n      },\n      [_getFormattedXValue, _legendHighlighted, _noLegendHighlighted],\n    );\n\n    const _onBarFocus = React.useCallback(\n      (point: GanttChartDataPoint, focusEvent: React.FocusEvent<SVGElement>): void => {\n        _showCallout(focusEvent, point);\n      },\n      [_showCallout],\n    );\n\n    const _onBarHover = React.useCallback(\n      (point: GanttChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>): void => {\n        _showCallout(mouseEvent, point);\n      },\n      [_showCallout],\n    );\n\n    const _onBarLeave = React.useCallback((): void => {\n      // do nothing\n    }, []);\n\n    const _handleChartMouseLeave = React.useCallback((): void => {\n      _calloutAnchorPoint.current = null;\n      setPopoverOpen(false);\n      setCalloutLegend('');\n      setCalloutColor('');\n      setXCalloutValue('');\n      setYCalloutValue('');\n      setCalloutDataPoint(undefined);\n    }, []);\n\n    const _getBarHeight = React.useCallback(\n      (adjustedValue: number): number => {\n        let barHeight: number;\n        if (typeof props.barHeight === 'number') {\n          barHeight = props.barHeight;\n        } else {\n          barHeight = adjustedValue;\n        }\n        if (typeof maxBarHeight === 'number') {\n          barHeight = Math.min(barHeight, maxBarHeight);\n        }\n        barHeight = Math.max(barHeight, MIN_BAR_HEIGHT);\n        return barHeight;\n      },\n      [maxBarHeight, props.barHeight],\n    );\n\n    const _getOrderedDataPoints = React.useCallback(() => {\n      const result: GanttChartDataPoint[] = [];\n\n      const yValueToPoints: Record<string, GanttChartDataPoint[]> = {};\n      _points.forEach(point => {\n        if (!yValueToPoints[point.y]) {\n          yValueToPoints[point.y] = [];\n        }\n        yValueToPoints[point.y].push(point);\n      });\n\n      for (let i = _yAxisLabels.length - 1; i >= 0; i--) {\n        const yValue = _yAxisLabels[i];\n        if (yValueToPoints[yValue]) {\n          result.push(...yValueToPoints[yValue].sort((a, b) => +a.x.start - +b.x.start));\n        }\n      }\n\n      return result;\n    }, [_points, _yAxisLabels]);\n\n    const _createBars = React.useCallback(\n      ({\n        xScale,\n        yScalePrimary: yScale,\n      }: {\n        xScale: DateScale | NumberScale;\n        yScalePrimary: NumberScale | StringScale;\n      }): React.JSX.Element => {\n        const getGradientId = (legend: string | undefined) => {\n          const legendId = _legendMap.current[`${legend}`].id;\n          return `${legendId}_gradient`;\n        };\n\n        const gradientDefs: React.JSX.Element[] = [];\n        if (props.enableGradient) {\n          Object.keys(_legendMap.current).forEach((legend: string, index: number) => {\n            const { startColor, endColor } = _legendMap.current[legend];\n            gradientDefs.push(\n              <linearGradient key={index} id={getGradientId(legend)}>\n                <stop offset=\"0\" stopColor={startColor} />\n                <stop offset=\"100%\" stopColor={endColor} />\n              </linearGradient>,\n            );\n          });\n        }\n\n        let scaleBandwidth = 0;\n        if (_yAxisType === YAxisType.StringAxis) {\n          scaleBandwidth = (yScale as StringScale).bandwidth();\n          _barHeight.current = _getBarHeight(scaleBandwidth);\n        }\n\n        const points = _getOrderedDataPoints();\n        const bars = points.map((point: GanttChartDataPoint, index: number) => {\n          const rectStartX = xScale(point.x.start);\n          const rectEndX = xScale(point.x.end);\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const rectY = yScale(point.y as any)! + (scaleBandwidth - _barHeight.current) / 2;\n\n          const shouldHighlight = _noLegendHighlighted() || _legendHighlighted(point.legend);\n\n          return (\n            <rect\n              key={index}\n              x={Math.min(rectStartX, rectEndX)}\n              y={rectY}\n              width={Math.abs(rectEndX - rectStartX)}\n              height={_barHeight.current}\n              rx={props.roundCorners ? 3 : 0}\n              fill={props.enableGradient ? `url(#${getGradientId(point.legend)})` : point.color}\n              opacity={shouldHighlight ? 1 : 0.1}\n              onClick={point.onClick}\n              onMouseOver={(event: React.MouseEvent<SVGElement>) => _onBarHover(point, event)}\n              onMouseLeave={_onBarLeave}\n              onFocus={(event: React.FocusEvent<SVGElement>) => _onBarFocus(point, event)}\n              onBlur={_onBarLeave}\n              tabIndex={shouldHighlight ? 0 : -1}\n              role=\"img\"\n              aria-label={_getAriaLabel(point)}\n            />\n          );\n        });\n        return (\n          <g>\n            {gradientDefs.length > 0 ? <defs>{gradientDefs}</defs> : null}\n            {bars}\n          </g>\n        );\n      },\n      [\n        _getAriaLabel,\n        _getBarHeight,\n        _getOrderedDataPoints,\n        _legendHighlighted,\n        _noLegendHighlighted,\n        _onBarFocus,\n        _onBarHover,\n        _onBarLeave,\n        _yAxisType,\n        props.enableGradient,\n        props.roundCorners,\n      ],\n    );\n\n    const _onLegendHover = React.useCallback((legend: string): void => {\n      setHoveredLegend(legend);\n    }, []);\n\n    const _onLegendLeave = React.useCallback((): void => {\n      setHoveredLegend('');\n    }, []);\n\n    const _onLegendSelectionChange = React.useCallback(\n      (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend): void => {\n        if (props.legendProps?.canSelectMultipleLegends) {\n          setSelectedLegends(_selectedLegends);\n        } else {\n          setSelectedLegends(_selectedLegends.slice(-1));\n        }\n        if (props.legendProps?.onChange) {\n          props.legendProps.onChange(_selectedLegends, event, currentLegend);\n        }\n      },\n      [props.legendProps],\n    );\n\n    const _getLegendData = React.useCallback((): React.JSX.Element => {\n      const actions: Legend[] = [];\n\n      Object.keys(_legendMap.current).forEach((legendTitle: string) => {\n        const legend: Legend = {\n          title: legendTitle,\n          color: _legendMap.current[legendTitle].startColor,\n          hoverAction: () => {\n            _handleChartMouseLeave();\n            _onLegendHover(legendTitle);\n          },\n          onMouseOutAction: () => {\n            _onLegendLeave();\n          },\n        };\n\n        actions.push(legend);\n      });\n\n      const legends = (\n        <Legends\n          legends={actions}\n          enabledWrapLines={props.enabledLegendsWrapLines}\n          overflowText={props.legendsOverflowText}\n          onChange={_onLegendSelectionChange}\n          {...props.legendProps}\n          legendRef={_legendsRef}\n        />\n      );\n      return legends;\n    }, [\n      _handleChartMouseLeave,\n      _onLegendHover,\n      _onLegendLeave,\n      _onLegendSelectionChange,\n      props.enabledLegendsWrapLines,\n      props.legendProps,\n      props.legendsOverflowText,\n    ]);\n\n    const _getChartTitle = React.useCallback((): string => {\n      return (props.chartTitle ? `${props.chartTitle}. ` : '') + `Gantt chart with ${_points.length} data points. `;\n    }, [_points.length, props.chartTitle]);\n\n    const _isChartEmpty = React.useCallback((): boolean => {\n      return _points.length === 0;\n    }, [_points.length]);\n\n    const _getYDomainMargins = React.useCallback(\n      (containerHeight: number): Margins => {\n        let domainMargin = MIN_DOMAIN_MARGIN;\n\n        const ySet = new Set<string | number>();\n        _points.forEach((point: GanttChartDataPoint) => {\n          ySet.add(point.y);\n        });\n        const uniqueY = Array.from(ySet);\n\n        /** Total height available to render the bars */\n        const totalHeight =\n          containerHeight -\n          (_margins.current.top! + MIN_DOMAIN_MARGIN) -\n          (_margins.current.bottom! + MIN_DOMAIN_MARGIN);\n\n        if (_yAxisType !== YAxisType.StringAxis) {\n          _barHeight.current = _getBarHeight(\n            calculateAppropriateBarWidth(uniqueY as number[] | Date[], totalHeight, _yAxisPadding),\n          );\n          domainMargin += _barHeight.current / 2;\n        }\n\n        return {\n          ..._margins.current,\n          top: _margins.current.top! + domainMargin,\n          bottom: _margins.current.bottom! + domainMargin,\n        };\n      },\n      [_getBarHeight, _points, _yAxisPadding, _yAxisType],\n    );\n\n    function updatePosition(newX: number, newY: number) {\n      const threshold = 1; // Set a threshold for movement\n      const { x, y } = clickPosition;\n      // Calculate the distance moved\n      const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n      // Update the position only if the distance moved is greater than the threshold\n      if (distance > threshold) {\n        setClickPosition({ x: newX, y: newY });\n        setPopoverOpen(true);\n      }\n    }\n\n    if (!_isChartEmpty()) {\n      _barHeight.current = _getBarHeight(DEFAULT_BAR_HEIGHT);\n\n      const calloutProps: ChartPopoverProps = {\n        isPopoverOpen,\n        clickPosition,\n        color: calloutColor,\n        legend: calloutLegend,\n        XValue: xCalloutValue,\n        YValue: yCalloutValue,\n        ...props.calloutProps,\n      };\n      const tickParams: ModifiedCartesianChartProps['tickParams'] = {\n        tickValues: props.tickValues,\n        tickFormat: props.tickFormat,\n      };\n\n      return (\n        <CartesianChart\n          {...props}\n          yAxisPadding={_yAxisPadding}\n          chartTitle={_getChartTitle()}\n          points={_points}\n          chartType={ChartTypes.GanttChart}\n          xAxisType={_xAxisType}\n          yAxisType={_yAxisType}\n          componentRef={cartesianChartRef}\n          stringDatasetForYAxisDomain={_yAxisLabels}\n          calloutProps={calloutProps}\n          tickParams={tickParams}\n          legendBars={_getLegendData()}\n          createYAxis={createYAxisForHorizontalBarChartWithAxis}\n          getDomainNRangeValues={_getDomainNRangeValues}\n          createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n          getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n          customizedCallout={_getCustomizedCallout()}\n          getmargins={_getMargins}\n          getYDomainMargins={_getYDomainMargins}\n          onChartMouseLeave={_handleChartMouseLeave}\n          useUTC={useUTC}\n          children={_createBars}\n        />\n      );\n    } else {\n      return (\n        <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n      );\n    }\n  },\n);\n\nGanttChart.displayName = 'GanttChart';\n"],"names":["React","max","d3Max","min","d3Min","useId","Legends","CartesianChart","ChartPopover","ChartTypes","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","MIN_DOMAIN_MARGIN","sortAxisCategories","calculateAppropriateBarWidth","getColorFromToken","getScalePadding","getDateFormatLevel","useRtl","formatDateToLocaleString","getMultiLevelDateTimeFormatOptions","toImage","DEFAULT_BAR_HEIGHT","MIN_BAR_HEIGHT","GanttChart","forwardRef","useUTC","yAxisCategoryOrder","maxBarHeight","props","forwardedRef","_barHeight","useRef","_margins","_calloutAnchorPoint","_emptyChartId","_legendId","_legendMap","_prevProps","calloutColor","setCalloutColor","useState","hoveredLegend","setHoveredLegend","calloutLegend","setCalloutLegend","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegends","setSelectedLegends","legendProps","calloutDataPoint","setCalloutDataPoint","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","cartesianChartRef","_legendsRef","_isRTL","useEffect","current","useImperativeHandle","componentRef","chartContainer","opts","toSVG","_points","useMemo","colorIndex","data","map","point","legend","startColor","color","endColor","enableGradient","gradient","id","_xAxisType","length","start","DateAxis","_yAxisType","StringAxis","_yAxisPadding","yAxisPadding","undefined","_dateFormatOptions","lowestFormatLevel","highestFormatLevel","forEach","p","startFormatLevel","endFormatLevel","end","Math","_mapYValueToXValues","useCallback","yValueToXValues","push","_getOrderedYAxisLabels","Object","keys","sort","a","b","reverse","_yAxisLabels","_getDomainNRangeValues","points","margins","containerWidth","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","xValues","xMin","xMax","dStartValue","dEndValue","rStartValue","left","rEndValue","right","_getMargins","_getFormattedXValue","formattedStartX","formattedEndX","culture","toString","_getCustomizedCallout","defaultRender","XValue","yAxisCalloutData","YValue","xAxisCalloutData","onRenderCalloutPerDataPoint","_getAriaLabel","xValue","yValue","callOutAccessibilityData","ariaLabel","_getHighlightedLegend","_legendHighlighted","includes","_noLegendHighlighted","_showCallout","target","updatePosition","clientX","clientY","rect","getBoundingClientRect","top","_onBarFocus","focusEvent","_onBarHover","mouseEvent","_onBarLeave","_handleChartMouseLeave","_getBarHeight","adjustedValue","barHeight","_getOrderedDataPoints","result","yValueToPoints","i","_createBars","xScale","yScalePrimary","yScale","getGradientId","legendId","gradientDefs","index","linearGradient","key","stop","offset","stopColor","scaleBandwidth","bandwidth","bars","rectStartX","rectEndX","rectY","shouldHighlight","width","abs","height","rx","roundCorners","fill","opacity","onClick","onMouseOver","event","onMouseLeave","onFocus","onBlur","tabIndex","role","aria-label","g","defs","_onLegendHover","_onLegendLeave","_onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_getChartTitle","chartTitle","_isChartEmpty","_getYDomainMargins","containerHeight","domainMargin","ySet","Set","add","uniqueY","Array","from","totalHeight","bottom","newX","newY","threshold","distance","sqrt","pow","calloutProps","tickParams","tickFormat","yAxisType","stringDatasetForYAxisDomain","legendBars","createYAxis","getDomainNRangeValues","createStringYAxis","getMinMaxOfYAxis","customizedCallout","getmargins","getYDomainMargins","onChartMouseLeave","children","div","style","displayName"],"mappings":"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"}

package/lib/components/GanttChart/GanttChart.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GanttChart.types.ts"],"sourcesContent":["import { RenderFunction } from '../../utilities/index';\nimport { CartesianChartProps, CartesianChartStyleProps, CartesianChartStyles, GanttChartDataPoint } from '../../index';\n\n/**\n * Gantt Chart properties\n * {@docCategory GanttChart}\n */\nexport interface GanttChartProps extends CartesianChartProps {\n  /**\n   * An array of data points to be rendered in the chart.\n   */\n  data?: GanttChartDataPoint[];\n\n  /**\n   * Callback function to render a custom callout for each data point.\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<GanttChartDataPoint>;\n\n  /**\n   * Height of each bar, in pixels.\n   */\n  barHeight?: number;\n\n  /**\n   * Title of the chart.\n   */\n  chartTitle?: string;\n\n  /**\n   * Locale identifier string used to format numbers and dates according to the specified culture.\n   * Example: 'en-US', 'fr-FR'.\n   */\n  culture?: string;\n\n  /**\n   * Padding between bars as a fraction of the [step](https://d3js.org/d3-scale/band#band_step).\n   * Takes a number in the range [0, 1].\n   * @default 1/2\n   */\n  yAxisPadding?: number;\n\n  /**\n   * If true, truncates y-axis tick labels longer than `noOfCharsToTruncate` with ellipses\n   * and displays them in a tooltip on hover.\n   * @default false\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   * If true, renders full y-axis tick labels without truncation.\n   * @default false\n   */\n  showYAxisLables?: boolean;\n\n  /**\n   * If true, enables gradient fills for the bars.\n   * @default false\n   */\n  enableGradient?: boolean;\n\n  /**\n   * If true, applies rounded corners to the bars.\n   * @default false\n   */\n  roundCorners?: boolean;\n\n  /**\n   * Maximum height of each bar, in pixels.\n   * @default 24\n   */\n  maxBarHeight?: number;\n}\n\n/**\n * Gantt Chart style properties\n * {@docCategory GanttChart}\n */\nexport interface GanttChartStyleProps extends CartesianChartStyleProps {}\n\n/**\n * Gantt Chart styles\n * {@docCategory GanttChart}\n */\nexport interface GanttChartStyles extends CartesianChartStyles {}\n"],"names":[],"mappings":"AA+EA;;;CAGC,GACD,WAAiE"}
+{"version":3,"sources":["../src/components/GanttChart/GanttChart.types.ts"],"sourcesContent":["import { RenderFunction } from '../../utilities/index';\nimport { CartesianChartProps, CartesianChartStyleProps, CartesianChartStyles, GanttChartDataPoint } from '../../index';\n\n/**\n * Gantt Chart properties\n * {@docCategory GanttChart}\n */\nexport interface GanttChartProps extends CartesianChartProps {\n  /**\n   * An array of data points to be rendered in the chart.\n   */\n  data?: GanttChartDataPoint[];\n\n  /**\n   * Callback function to render a custom callout for each data point.\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<GanttChartDataPoint>;\n\n  /**\n   * Height of each bar, in pixels.\n   */\n  barHeight?: number;\n\n  /**\n   * Title of the chart.\n   */\n  chartTitle?: string;\n\n  /**\n   * Locale identifier string used to format numbers and dates according to the specified culture.\n   * Example: 'en-US', 'fr-FR'.\n   */\n  culture?: string;\n\n  /**\n   * Padding between bars as a fraction of the [step](https://d3js.org/d3-scale/band#band_step).\n   * Takes a number in the range [0, 1].\n   * @default 1/2\n   */\n  yAxisPadding?: number;\n\n  /**\n   * If true, truncates y-axis tick labels longer than `noOfCharsToTruncate` with ellipses\n   * and displays them in a tooltip on hover.\n   * @default false\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   * If true, renders full y-axis tick labels without truncation.\n   * @default false\n   */\n  showYAxisLables?: boolean;\n\n  /**\n   * If true, enables gradient fills for the bars.\n   * @default false\n   */\n  enableGradient?: boolean;\n\n  /**\n   * If true, applies rounded corners to the bars.\n   * @default false\n   */\n  roundCorners?: boolean;\n\n  /**\n   * Maximum height of each bar, in pixels.\n   * @default 24\n   */\n  maxBarHeight?: number;\n}\n\n/**\n * Gantt Chart style properties\n * {@docCategory GanttChart}\n */\nexport interface GanttChartStyleProps extends CartesianChartStyleProps {}\n\n/**\n * Gantt Chart styles\n * {@docCategory GanttChart}\n */\nexport interface GanttChartStyles extends CartesianChartStyles {}\n"],"names":[],"mappings":"AA+EA;;;CAGC,GACD,WAAiE"}

package/lib/components/GanttChart/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './GanttChart';\nexport * from './GanttChart.types';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,qBAAqB"}
+{"version":3,"sources":["../src/components/GanttChart/index.ts"],"sourcesContent":["export * from './GanttChart';\nexport * from './GanttChart.types';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,qBAAqB"}

package/lib/components/GanttChart/useGanttChartStyles.styles.js

@@ -21,5 +21,4 @@
  */
 export const useGanttChartStyles = props => {
   return {};
-};
-//# sourceMappingURL=useGanttChartStyles.styles.js.map
+};

package/lib/components/GanttChart/useGanttChartStyles.styles.raw.js

@@ -0,0 +1,23 @@
+/**
+ * @internal
+ */ export const ganttClassNames = {
+    root: '',
+    xAxis: '',
+    yAxis: '',
+    legendContainer: '',
+    hover: '',
+    descriptionMessage: '',
+    tooltip: '',
+    axisTitle: '',
+    chartTitle: '',
+    opacityChangeOnHover: '',
+    shapeStyles: '',
+    chartWrapper: '',
+    svgTooltip: '',
+    chart: ''
+};
+/**
+ * Apply styling to the GanttChart component
+ */ export const useGanttChartStyles = (props)=>{
+    return {};
+};

package/lib/components/GanttChart/useGanttChartStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/GanttChart/useGanttChartStyles.styles.ts"],"sourcesContent":["import { GanttChartStyles, GanttChartProps } from '../../index';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @internal\n */\nexport const ganttClassNames: SlotClassNames<GanttChartStyles> = {\n  root: '',\n  xAxis: '',\n  yAxis: '',\n  legendContainer: '',\n  hover: '',\n  descriptionMessage: '',\n  tooltip: '',\n  axisTitle: '',\n  chartTitle: '',\n  opacityChangeOnHover: '',\n  shapeStyles: '',\n  chartWrapper: '',\n  svgTooltip: '',\n  chart: '',\n};\n\n/**\n * Apply styling to the GanttChart component\n */\nexport const useGanttChartStyles = (props: GanttChartProps): GanttChartStyles => {\n  return {};\n};\n"],"names":["ganttClassNames","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","tooltip","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","useGanttChartStyles","props"],"mappings":"AAGA;;CAEC,GACD,OAAO,MAAMA,kBAAoD;IAC/DC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,SAAS;IACTC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;AACT,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CAACC;IAClC,OAAO,CAAC;AACV,EAAE"}

package/lib/components/GaugeChart/GaugeChart.js

@@ -8,6 +8,7 @@ import { SVGTooltipText } from '../../utilities/SVGTooltipText';
 import { Legends, Shape } from '../Legends/index';
 import { useFocusableGroup } from '@fluentui/react-tabster';
 import { ChartPopover } from '../CommonComponents/ChartPopover';
+import { toImage } from '../../utilities/image-export-utils';
 const GAUGE_MARGIN = 16;
 const LABEL_WIDTH = 36;
 const LABEL_HEIGHT = 16;
@@ -75,6 +76,7 @@ export const getChartValueLabel = (chartValue, minValue, maxValue, chartValueFor
 };
 export const GaugeChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     var _props_legendProps;
+    const _legendsRef = React.useRef(null);
     const _getMargins = ()=>{
         const { hideMinMax, chartTitle, sublabel } = props;
         return {
@@ -131,7 +133,11 @@ export const GaugeChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>
         props
     ]);
     React.useImperativeHandle(props.componentRef, ()=>({
-            chartContainer: _rootElem.current
+            chartContainer: _rootElem.current,
+            toImage: (opts)=>{
+                var _legendsRef_current;
+                return toImage(_rootElem.current, (_legendsRef_current = _legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, _isRTL, opts);
+            }
         }), []);
     const classes = useGaugeChartStyles(props);
     function _getStylesBasedOnBreakpoint() {
@@ -253,7 +259,8 @@ export const GaugeChart = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>
             centerLegends: true,
             ...props.legendProps,
             // eslint-disable-next-line react/jsx-no-bind
-            onChange: _onLegendSelectionChange
+            onChange: _onLegendSelectionChange,
+            legendRef: _legendsRef
         }));
     }
     function _onLegendSelectionChange(// eslint-disable-next-line @typescript-eslint/no-shadow