@fluentui/react-charts 9.3.21 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

package/lib-commonjs/types/DataPoint.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/DataPoint.ts"],"sourcesContent":["import type { SVGProps } from 'react';\nimport type { LegendShape } from '../components/Legends/Legends.types';\nimport type { CurveFactory } from 'd3-shape';\nimport type { SankeyLink, SankeyNode } from 'd3-sankey';\n\nexport interface Basestate {\n  _width?: number;\n  _height?: number;\n  activeLegend?: string;\n  color?: string;\n  dataForHoverCard?: number | string;\n  isCalloutVisible: boolean;\n  isLegendSelected?: boolean;\n  isLegendHovered?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  refSelected?: any;\n  YValueHover?: { legend?: string; y?: number | string; color?: string }[];\n  hoverYValue?: string | number | null;\n  hoverXValue?: string | number | null;\n  xCalloutValue?: string;\n  yCalloutValue?: string;\n  lineColor?: string;\n  hoveredLineColor?: string;\n  selectedLegend?: string;\n  containerWidth?: number;\n  containerHeight?: number;\n}\n\nexport interface RefArrayData {\n  index?: string;\n  refElement?: SVGGElement;\n}\n\n/**\n * {@docCategory ChartProps}\n */\nexport interface Margins {\n  /**\n   * left margin for the chart.\n   */\n  left?: number;\n  /**\n   * Right margin for the chart.\n   */\n  right?: number;\n  /**\n   * Top margin for the chart.\n   */\n  top?: number;\n  /**\n   * Bottom margin for the chart.\n   */\n  bottom?: number;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface DataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  // NOTE: VerticalStackedBarChart, PieChart\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface VerticalStackedBarDataPoint extends Omit<DataPoint, 'x'> {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   * If data type on x is Date, then the data is spaced evenly by d3-scale.\n   */\n  x: number | string | Date;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface HorizontalDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Total value of a single point bar chart.\n   */\n  total?: number;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface ChartDataPoint {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * data the datapoint in the chart\n   */\n  data?: number;\n\n  /**\n   * data the datapoint in the chart\n   */\n  horizontalBarChartdata?: HorizontalDataPoint;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Color for the legend in the chart. If not provided, it will fallback on the default color palette.\n   */\n  color?: string;\n\n  /**\n   * placeholder data point\n   */\n  placeHolder?: boolean;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface VerticalBarChartDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   * If x is a number, then each y-coordinate is plotted at its x-coordinate.\n   * If x is a string, then the data is evenly spaced along the x-axis.\n   */\n  x: number | string | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * data to render the line along with bars\n   */\n  lineData?: LineDataInVerticalBarChart;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n\n  /**\n   * Label to display on the bar\n   * This is an optional prop that can be used to show custom text on bars\n   */\n  barLabel?: string;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface HorizontalBarChartWithAxisDataPoint {\n  /**\n   * Dependent value of the data point, rendered along the x-axis.\n   */\n  x: number;\n\n  /**\n   * Independent value of the data point, rendered along the y-axis.\n   * If y is a number, then each y-coordinate is plotted at its y-coordinate.\n   * If y is a string, then the data is evenly spaced along the y-axis.\n   */\n  y: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Label to display on the bar\n   */\n  barLabel?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface LineDataInVerticalBarChart {\n  y: VerticalBarChartDataPoint['y'];\n  yAxisCalloutData?: string | undefined;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory ChartData}\n */\ninterface BaseDataPoint {\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onDataPointClick?: () => void;\n\n  /**\n   * Callout data for x axis\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   */\n  yAxisCalloutData?: string | { [id: string]: number };\n\n  /**\n   * Whether to hide callout data for the point.\n   */\n  hideCallout?: boolean;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n\n  /**\n   * X axis Accessibility data for callout\n   */\n  xAxisCalloutAccessibilityData?: AccessibilityProps;\n\n  /**\n   * Marker size of the points\n   */\n  markerSize?: number;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface LineChartDataPoint extends BaseDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   */\n  x: number | Date;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * text labels of marker points\n   */\n  text?: string;\n\n  /**\n   * Per-point marker color (overrides series color when present)\n   */\n  markerColor?: string;\n}\n\n/**\n * {@docCategory ChartData}\n * ScatterChartDataPoint interface.\n */\nexport interface ScatterChartDataPoint extends BaseDataPoint {\n  /**\n   * Independent value of the data point, rendered along the x-axis.\n   */\n  x: number | Date | string;\n\n  /**\n   * Dependent value of the data point, rendered along the y-axis.\n   */\n  y: number;\n\n  /**\n   * Marker size of the points\n   */\n  markerSize?: number;\n\n  /**\n   * text labels of marker points\n   */\n  text?: string;\n\n  /**\n   * Per-point marker color (overrides series color when present)\n   */\n  markerColor?: string;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface LineChartGap {\n  /**\n   * Starting index of the gap.\n   */\n  startIndex: number;\n\n  /**\n   * Ending index of the gap.\n   */\n  endIndex: number;\n}\n\n/**\n * {@docCategory ChartProps}\n */\nexport interface LineChartLineOptions extends SVGProps<SVGPathElement> {\n  /**\n   * Width of the line/stroke.\n   * Overrides the strokeWidth set on ICartesianChartProps level.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width\n   */\n  strokeWidth?: number | string;\n\n  /**\n   * Pattern of dashes and gaps.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray\n   */\n  strokeDasharray?: string | number;\n\n  /**\n   * Offset on rendering of stroke dash array.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset\n   */\n  strokeDashoffset?: string | number;\n\n  /**\n   * Shape at the end of a subpath.\n   * Default round.\n   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap\n   */\n  strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';\n\n  /**\n   * Width of border around the line. Default no border.\n   */\n  lineBorderWidth?: string | number;\n\n  /**\n   * Color of border around the line. Default white.\n   */\n  lineBorderColor?: string;\n\n  /**\n   * Defines the type of interpolation used to render the line.\n   * @default 'linear'\n   */\n  curve?: 'linear' | 'natural' | 'step' | 'stepAfter' | 'stepBefore' | CurveFactory;\n\n  /**\n   * Defines the mode of points to be rendered.\n   */\n  mode?:\n    | 'lines'\n    | 'markers'\n    | 'text'\n    | 'lines+markers'\n    | 'text+markers'\n    | 'text+lines'\n    | 'text+lines+markers'\n    | 'none'\n    | 'gauge'\n    | 'number'\n    | 'delta'\n    | 'number+delta'\n    | 'gauge+number'\n    | 'gauge+number+delta'\n    | 'gauge+delta'\n    | 'markers+text'\n    | 'lines+text'\n    | 'lines+markers+text';\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface LineChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: LineChartDataPoint[] | ScatterChartDataPoint[];\n\n  /**\n   * gaps in the line chart where a line is not drawn\n   */\n  gaps?: LineChartGap[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: LineChartLineOptions;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Defines the function that is executed on clicking  line\n   */\n  onLineClick?: () => void;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * {@docCategory ChartProps}\n */\nexport interface ChartProps {\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Accessibility data for chart title\n   */\n  chartTitleAccessibilityData?: AccessibilityProps;\n  /**\n   * data for the points in the chart\n   */\n  chartData?: ChartDataPoint[];\n\n  /**\n   * Accessibility data for chart data\n   */\n  chartDataAccessibilityData?: AccessibilityProps;\n\n  /**\n   * data for the points in the line chart\n   */\n  lineChartData?: LineChartPoints[];\n\n  /**\n   * data for the points in the scatter chart\n   */\n  scatterChartData?: ScatterChartPoints[];\n\n  /**\n   * data for the points in the line chart\n   */\n  SankeyChartData?: SankeyChartData;\n\n  /**\n   * data for the points in the line chart\n   */\n  pointOptions?: SVGProps<SVGCircleElement>;\n\n  /**\n   * data for the dotted line on hovering the point\n   */\n  pointLineOptions?: SVGProps<SVGLineElement>;\n}\n\n/**\n * {@docCategory ChartProps}\n */\nexport interface AccessibilityProps {\n  /**\n   * Accessibility aria-label\n   */\n  ariaLabel?: string;\n\n  /**\n   * Accessibility aria-labelledBy\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * Accessibility aria-describedBy\n   */\n  ariaDescribedBy?: string;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface VSChartDataPoint {\n  /**\n   * data the datapoint in the chart\n   */\n  data: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * Label to display on the bar\n   * This is an optional prop that can be used to show custom text on bars\n   */\n  barLabel?: string;\n}\n\n/**\n * {@docCategory ChartProps}\n */\nexport interface VerticalStackedChartProps {\n  /**\n   * data for the points in the chart\n   */\n  chartData: VSChartDataPoint[];\n\n  /**\n   * Data for x axis label for multistacked Vertical bar chart\n   */\n  xAxisPoint: number | string | Date;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given, legend will take\n   */\n  xAxisCalloutData?: string;\n  /**\n   * line data to render lines on stacked bar chart\n   */\n  lineData?: LineDataInVerticalStackedBarChart[];\n  /**\n   * Accessibility data for Whole stack callout\n   */\n  stackCallOutAccessibilityData?: AccessibilityProps;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface LineDataInVerticalStackedBarChart {\n  y: number | string;\n  color: string;\n  legend: string;\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n  /**\n   * Data to show in callout\n   */\n  data?: number | string;\n  yAxisCalloutData?: string;\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n  /**\n   * options for the line drawn\n   */\n  lineOptions?: LineChartLineOptions;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface GVBarChartSeriesPoint {\n  /**\n   * Text for // need to check use of this\n   */\n  key: string;\n\n  /**\n   * Data for bar height of Grouped vertical bar chart\n   */\n  data: number;\n\n  /**\n   * Color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Legend text in the chart\n   */\n  legend: string;\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n\n  /**\n   * Label to display on the bar\n   */\n  barLabel?: string;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface GroupedVerticalBarChartData {\n  /**\n   * Data for X axis label\n   */\n  name: string;\n\n  /**\n   * Data points for Grouped vertical bar chart\n   */\n  series: GVBarChartSeriesPoint[];\n\n  /**\n   * Accessibility data for Group Bars Stack Callout\n   */\n  stackCallOutAccessibilityData?: AccessibilityProps;\n}\n\nexport interface GVDataPoint {\n  /**\n   * This interface used for - While forming datapoints from given prop \"data\" in code\n   * datapoints are used for to draw graph\n   */\n  [key: string]: number | string;\n}\n\nexport interface GVSingleDataPoint {\n  /**\n   * While forming datapoints from given prop \"data\" in code.\n   * These datapoints are used for to draw graph easily.\n   */\n  [key: string]: GVDataPoint;\n}\n\nexport interface GVForBarChart {\n  /**\n   * While forming datapoints from given prop \"data\"\n   * These datapoints are used for to draw graph.\n   */\n  [key: string]: GVBarChartSeriesPoint;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface CustomizedCalloutDataPoint {\n  legend: string;\n  y: number;\n  color: string;\n  xAxisCalloutData?: string;\n  yAxisCalloutData?: string | { [id: string]: number };\n}\n\n/**\n * Used for custom callout data interface. As Area chart callout data will be prepared from given props.data,\n * Those required data passing to onRenderCalloutPerDataPoint and onRenderCalloutPerStack.\n * {@docCategory ChartData}\n */\nexport interface CustomizedCalloutData {\n  x: number | string | Date;\n  values: CustomizedCalloutDataPoint[];\n}\n\n/**\n * {@docCategory Chart}\n */\nexport interface Chart {\n  chartContainer: HTMLElement | null;\n  toImage?: (opts?: ImageExportOptions) => Promise<string>;\n}\n\n/**\n * {@docCategory Chart}\n */\nexport interface ImageExportOptions {\n  width?: number;\n  height?: number;\n  scale?: number;\n  background?: string;\n}\n\nexport interface HeatMapChartDataPoint {\n  x: string | Date | number;\n  y: string | Date | number;\n  value: number;\n  /**\n   * The value/ text to be rendered in the rectange\n   */\n  rectText?: string | number;\n  /**\n   * denomination to show in the callout\n   */\n  ratio?: [number, number];\n  /**\n   * description message to the callout\n   */\n  descriptionMessage?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface HeatMapChartData {\n  /**\n   * name of the legend\n   */\n  legend: string;\n  data: HeatMapChartDataPoint[];\n  /**\n   * This  number will be used to get the color for the legend\n   */\n  value: number;\n}\n\n/**\n * {@docCategory ChartData}\n */\nexport interface SankeyChartData {\n  nodes: SNode[];\n  links: SLink[];\n}\n\ninterface SNodeExtra {\n  /**\n   * A unique identifier for this node.\n   */\n  nodeId: number | string;\n  /**\n   * The display name for this node in the UX.\n   */\n  name: string;\n  color?: string;\n  borderColor?: string;\n  actualValue?: number;\n  layer?: number;\n}\n\ninterface SLinkExtra {\n  /**\n   * The index within `ISankeyChartData.nodes` of the source node.\n   */\n  source: number;\n  /**\n   * The index within `ISankeyChartData.nodes` of the target node.\n   */\n  target: number;\n  /**\n   * The weight of this link between the two nodes.\n   */\n  value: number;\n  unnormalizedValue?: number;\n  color?: string;\n}\n\nexport type SNode = SankeyNode<SNodeExtra, SLinkExtra>;\nexport type SLink = SankeyLink<SNodeExtra, SLinkExtra>;\n\n/**\n * Specifies the ordering options for axis categories in Cartesian charts.\n *\n * - `'default'`: Uses the original order before custom ordering was supported.\n *   In some charts, this behaves the same as `'data'`.\n * - `'data'`: Preserves the order of categories as provided in the input data.\n * - `string[]`: Explicitly defines the custom order of categories as an array of category names.\n * - `'category ascending' | 'category descending'`: Orders categories alphanumerically.\n * - `'total ascending' | 'total descending'`: Orders categories by the total of their associated values.\n * - `'min ascending' | 'min descending'`: Orders by the minimum value within each category.\n * - `'max ascending' | 'max descending'`: Orders by the maximum value within each category.\n * - `'sum ascending' | 'sum descending'`: Orders by the sum of values for each category (same as 'total').\n * - `'mean ascending' | 'mean descending'`: Orders by the average of values in each category.\n * - `'median ascending' | 'median descending'`: Orders by the median value of each category.\n *\n * {@docCategory CartesianChart}\n */\nexport type AxisCategoryOrder =\n  | 'default'\n  | 'data'\n  | string[]\n  | 'category ascending'\n  | 'category descending'\n  | 'total ascending'\n  | 'total descending'\n  | 'min ascending'\n  | 'min descending'\n  | 'max ascending'\n  | 'max descending'\n  | 'sum ascending'\n  | 'sum descending'\n  | 'mean ascending'\n  | 'mean descending'\n  | 'median ascending'\n  | 'median descending';\n\n/**\n * {@docCategory IChartData}\n */\nexport interface GanttChartDataPoint {\n  /**\n   * Dependent value of the data point, rendered along the x-axis.\n   */\n  x: {\n    start: Date | number;\n    end: Date | number;\n  };\n\n  /**\n   * Independent value of the data point, rendered along the y-axis.\n   * If y is a number, then each y-coordinate is plotted at its y-coordinate.\n   * If y is a string, then the data is evenly spaced along the y-axis.\n   */\n  y: number | string;\n\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend?: string;\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * Gradient for the legend in the chart. If not provided, it will fallback on the default color palette.\n   * If provided, it will override the color prop. granted `enableGradient` is set to true for the chart.\n   */\n  gradient?: [string, string];\n\n  /**\n   * Callout data for x axis\n   * This is an optional prop, If haven't given legend will take\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Callout data for y axis\n   * This is an optional prop, If haven't given data will take\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * onClick action for each datapoint in the chart\n   */\n  onClick?: VoidFunction;\n\n  /**\n   * Accessibility data for callout\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n}\n\n/**\n * {@docCategory IChartData}\n */\nexport interface ScatterChartPoints {\n  /**\n   * Legend text for the datapoint in the chart\n   */\n  legend: string;\n\n  /**\n   * The shape for the legend\n   * default: show the rect legend\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * dataPoints for the line chart\n   */\n  data: ScatterChartDataPoint[];\n\n  /**\n   * color for the legend in the chart\n   */\n  color?: string;\n\n  /**\n   * opacity for chart fill color\n   */\n  opacity?: number;\n\n  /**\n   * hide dots for points that are not active\n   */\n  hideNonActiveDots?: boolean;\n\n  /**\n   * Defines the function that is executed on clicking this legend\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n\n  /**\n   * Whether to use the secondary y scale or not\n   * False by default.\n   */\n  useSecondaryYScale?: boolean;\n}\n\n/**\n * Available scale types for axes.\n *\n * - `'default'`: Uses an automatic scale (linear, band, or time) based on axis data type.\n * - `'log'`: Uses a logarithmic scale. Only supported for numeric axes in LineChart and ScatterChart.\n *\n * {@docCategory CartesianChart}\n */\nexport type AxisScaleType = 'default' | 'log';\n\n/**\n * Configuration options for an axis.\n *\n * {@docCategory CartesianChart}\n */\nexport type AxisProps = {\n  /**\n   * Defines the step between tick marks on the axis.\n   * Works in combination with `tick0`.\n   * Must be a positive number.\n   *\n   * - **Log scale**:\n   *   - Ticks are placed at `10^(n * tickStep)` where `n` is the tick index.\n   *     - Example: `tickStep = 2` → ticks at 1, 100, 10,000...\n   *     - Example: `tickStep = log10(5)` → ticks at 1, 5, 25, 125...\n   *   - Special format `\"L<f>\"`: Creates ticks that are linearly spaced in value (not position).\n   *     - Example: `tick0 = 0.1`, `tickStep = \"L0.5\"` → ticks at 0.1, 0.6, 1.1, 1.6...\n   *\n   * - **Date axis**:\n   *   - Must be in milliseconds.\n   *     - Example: one day = `tickStep = 86400000`.\n   *   - Special format `\"M<n>\"`: Places ticks every `n` months.\n   *     - Example: `tick0 = \"2000-01-15\"`, `tickStep = \"M3\"` → ticks on the 15th every third month.\n   *     - Example: `tickStep = \"M48\"` → ticks every 4 years.\n   */\n  tickStep?: number | string;\n\n  /**\n   * Sets the reference value for axis ticks.\n   * Works in combination with `tickStep`.\n   *\n   * - **Log scale**:\n   *   - `tick0` must be given as the logarithm of the reference tick.\n   *     - Example: to align ticks with 100, use `tick0 = 2`.\n   *   - Exception: when `tickStep` uses `\"L<f>\"`, you can specify the raw value directly.\n   */\n  tick0?: number | Date;\n\n  /**\n   * Sets the text displayed at each tick position specified by `tickValues`. Used with `tickValues`.\n   */\n  tickText?: string[];\n};\n\n/**\n * Represents a single data point in a series.\n */\nexport interface DataPointV2<X extends string | number | Date, Y extends string | number | Date> {\n  /**\n   * X-axis value of the data point.\n   */\n  x: X;\n\n  /**\n   * Y-axis value of the data point.\n   */\n  y: Y;\n\n  /**\n   * Optional click handler for the data point.\n   */\n  onClick?: () => void;\n\n  /**\n   * Custom text to show in the callout in place of the x-axis value.\n   */\n  xAxisCalloutData?: string;\n\n  /**\n   * Custom text to show in the callout in place of the y-axis value.\n   */\n  yAxisCalloutData?: string;\n\n  /**\n   * Accessibility properties for the data point.\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n\n  /**\n   * Custom marker size for the data point.\n   */\n  markerSize?: number;\n\n  /**\n   * Optional text to annotate or label the data point.\n   */\n  text?: string;\n\n  /**\n   * Color of the data point. If not provided, it will inherit the series color.\n   */\n  color?: string;\n}\n\n/**\n * Base interface for a series.\n */\nexport interface DataSeries {\n  /**\n   * Name of the series to be displayed in the legend.\n   */\n  legend: string;\n\n  /**\n   * Shape used in the legend (e.g., circle, square).\n   */\n  legendShape?: LegendShape;\n\n  /**\n   * Color of the series.\n   */\n  color?: string;\n\n  /**\n   * Opacity of the series.\n   */\n  opacity?: number;\n\n  /**\n   * Gradient fill for the series (start and end colors).\n   */\n  gradient?: [string, string];\n\n  /**\n   * Whether this series should be plotted against a secondary Y-axis.\n   */\n  useSecondaryYScale?: boolean;\n\n  /**\n   * Callback invoked when the legend item is clicked.\n   */\n  onLegendClick?: (selectedLegend: string | null | string[]) => void;\n}\n\n/**\n * Represents a bar series.\n */\nexport interface BarSeries<X extends string | number | Date, Y extends string | number | Date> extends DataSeries {\n  /**\n   * Type discriminator: always 'bar' for this series.\n   */\n  type: 'bar';\n\n  /**\n   * Array of data points for the series.\n   */\n  data: DataPointV2<X, Y>[];\n\n  /**\n   * Optional group identifier for the series.\n   */\n  key?: string;\n}\n\n/**\n * Represents a line series.\n */\nexport interface LineSeries<X extends string | number | Date, Y extends string | number | Date> extends DataSeries {\n  /**\n   * Type discriminator: always 'line' for this series.\n   */\n  type: 'line';\n\n  /**\n   * Array of data points for the series.\n   */\n  data: DataPointV2<X, Y>[];\n\n  /**\n   * Optional gaps to render in the line.\n   */\n  gaps?: LineChartGap[];\n\n  /**\n   * Additional line rendering options (e.g., stroke width, curve type).\n   */\n  lineOptions?: LineChartLineOptions;\n\n  /**\n   * If true, hides dots for inactive (unfocused/unhovered) data points.\n   */\n  hideInactiveDots?: boolean;\n\n  /**\n   * Callback invoked when the line itself is clicked.\n   */\n  onLineClick?: () => void;\n}\n\n/**\n * Represents a single data point in a polar series.\n */\nexport interface PolarDataPoint {\n  /**\n   * Radial value of the data point.\n   */\n  r: string | number | Date;\n\n  /**\n   * Angular value of the data point, specified as a category or in degrees.\n   */\n  theta: string | number;\n\n  /**\n   * Optional click handler for the data point.\n   */\n  onClick?: () => void;\n\n  /**\n   * Custom text to show in the callout in place of the radial axis value.\n   */\n  radialAxisCalloutData?: string;\n\n  /**\n   * Custom text to show in the callout in place of the angular axis value.\n   */\n  angularAxisCalloutData?: string;\n\n  /**\n   * Accessibility properties for the data point.\n   */\n  callOutAccessibilityData?: AccessibilityProps;\n\n  /**\n   * Custom marker size for the data point.\n   */\n  markerSize?: number;\n\n  /**\n   * Optional text to annotate or label the data point.\n   */\n  text?: string;\n\n  /**\n   * Color of the data point. If not provided, it will inherit the series color.\n   */\n  color?: string;\n}\n\n/**\n * Represents a scatterpolar series.\n */\nexport interface ScatterPolarSeries extends DataSeries {\n  /**\n   * Type discriminator: always 'scatterpolar' for this series.\n   */\n  type: 'scatterpolar';\n\n  /**\n   * Array of data points for the series.\n   */\n  data: PolarDataPoint[];\n}\n\n/**\n * Represents a linepolar series.\n */\nexport interface LinePolarSeries extends DataSeries {\n  /**\n   * Type discriminator: always 'linepolar' for this series.\n   */\n  type: 'linepolar';\n\n  /**\n   * Array of data points for the series.\n   */\n  data: PolarDataPoint[];\n\n  /**\n   * Additional line rendering options (e.g., stroke width, curve type).\n   */\n  lineOptions?: LineChartLineOptions;\n}\n\n/**\n * Represents a areapolar series.\n */\nexport interface AreaPolarSeries extends DataSeries {\n  /**\n   * Type discriminator: always 'areapolar' for this series.\n   */\n  type: 'areapolar';\n\n  /**\n   * Array of data points for the series.\n   */\n  data: PolarDataPoint[];\n\n  /**\n   * Additional line rendering options (e.g., stroke width, curve type).\n   */\n  lineOptions?: LineChartLineOptions;\n}\n"],"names":[],"mappings":"AAg1CA;;CAEC,GACD,WAeC"}

package/lib-commonjs/types/EventAnnotation.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/lib-commonjs/types/EventAnnotation.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/EventAnnotation.ts"],"sourcesContent":["import type * as React from 'react';\n\nexport interface EventAnnotation {\n  date: Date;\n  event: string;\n  onRenderCard?: () => React.ReactNode;\n}\n"],"names":[],"mappings":""}

package/lib-commonjs/types/LegendDataItem.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/lib-commonjs/types/LegendDataItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/LegendDataItem.ts"],"sourcesContent":["export interface LegendDataItem {\n  /**\n   * Text to be displayed for legend item.\n   */\n  legendText: string | number;\n\n  /**\n   * Color for the specific legend\n   */\n  legendColor: string;\n}\n"],"names":[],"mappings":""}

package/lib-commonjs/types/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./DataPoint"), exports);
-_export_star._(require("./LegendDataItem"), exports);
-_export_star._(require("./ChartAnnotation"), exports);

package/lib-commonjs/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/index.ts"],"sourcesContent":["export * from './DataPoint';\nexport * from './LegendDataItem';\nexport * from './ChartAnnotation';\n"],"names":[],"mappings":";;;;;uBAAc,cAAc;uBACd,mBAAmB;uBACnB,oBAAoB"}

package/lib-commonjs/utilities/ChartTitle.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ChartTitle", {
-    enumerable: true,
-    get: function() {
-        return ChartTitle;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _SVGTooltipText = require("./SVGTooltipText");
-const _Commonstyles = require("./Common.styles");
-const _utilities = require("./utilities");
-const AXIS_TITLE_PADDING = 8;
-const ChartTitle = (props)=>{
-    const { title, x, y, maxWidth, className, titleStyles, tooltipProps, tooltipClassName } = props;
-    const { titleFont, titleXAnchor, titleYAnchor, titlePad } = titleStyles !== null && titleStyles !== void 0 ? titleStyles : {};
-    const computedTextAnchor = titleXAnchor === 'left' ? 'start' : titleXAnchor === 'right' ? 'end' : 'middle';
-    // Calculate dominantBaseline from titleYAnchor for vertical alignment
-    // 'top' means text hangs below the y position (text-before-edge/hanging)
-    // 'bottom' means text sits above the y position (text-after-edge/alphabetic)
-    // 'middle' means text is centered on the y position (central)
-    const computedDominantBaseline = titleYAnchor === 'top' ? 'hanging' : titleYAnchor === 'bottom' ? 'alphabetic' : titleYAnchor === 'middle' ? 'central' : 'auto';
-    var _titlePad_l, _titlePad_r;
-    // Calculate x position with padding adjustments
-    const computedX = x + ((_titlePad_l = titlePad === null || titlePad === void 0 ? void 0 : titlePad.l) !== null && _titlePad_l !== void 0 ? _titlePad_l : 0) - ((_titlePad_r = titlePad === null || titlePad === void 0 ? void 0 : titlePad.r) !== null && _titlePad_r !== void 0 ? _titlePad_r : 0);
-    var _titlePad_t, _titlePad_b;
-    // Calculate y position with padding adjustments
-    const calculatedY = (y !== null && y !== void 0 ? y : Math.max((typeof (titleFont === null || titleFont === void 0 ? void 0 : titleFont.size) === 'number' ? titleFont.size : 13) + AXIS_TITLE_PADDING, _Commonstyles.CHART_TITLE_PADDING - AXIS_TITLE_PADDING)) + ((_titlePad_t = titlePad === null || titlePad === void 0 ? void 0 : titlePad.t) !== null && _titlePad_t !== void 0 ? _titlePad_t : 0) - ((_titlePad_b = titlePad === null || titlePad === void 0 ? void 0 : titlePad.b) !== null && _titlePad_b !== void 0 ? _titlePad_b : 0);
-    const commonSvgToolTipProps = {
-        wrapContent: _utilities.wrapContent,
-        showBackground: true,
-        className: tooltipClassName,
-        ...tooltipProps
-    };
-    return /*#__PURE__*/ _react.createElement(_SVGTooltipText.SVGTooltipText, {
-        ...commonSvgToolTipProps,
-        content: title,
-        textProps: {
-            x: computedX,
-            y: calculatedY,
-            textAnchor: computedTextAnchor,
-            dominantBaseline: computedDominantBaseline,
-            className,
-            'aria-hidden': true,
-            style: (0, _Commonstyles.getChartTitleInlineStyles)(titleFont)
-        },
-        maxWidth: maxWidth
-    });
-};
-ChartTitle.displayName = 'ChartTitle';

package/lib-commonjs/utilities/ChartTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/ChartTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGTooltipTextProps } from './SVGTooltipText';\nimport { SVGTooltipText } from './SVGTooltipText';\nimport type { TitleStyles } from './Common.styles';\nimport { CHART_TITLE_PADDING, getChartTitleInlineStyles } from './Common.styles';\nimport { wrapContent } from './utilities';\n\nconst AXIS_TITLE_PADDING = 8;\n\n/**\n * Props for the ChartTitle component\n */\nexport interface ChartTitleProps {\n  /**\n   * The title text to display\n   */\n  title: string;\n  /**\n   * The x position for the title (typically center of chart)\n   */\n  x: number;\n  /**\n   * Optional custom y position. If not provided, calculated based on font size.\n   */\n  y?: number;\n  /**\n   * Maximum width for the title text before wrapping/truncation\n   */\n  maxWidth?: number;\n  /**\n   * CSS class name for the title text element\n   */\n  className?: string;\n  /**\n   * Title styles configuration (font, anchors, padding)\n   */\n  titleStyles?: TitleStyles;\n  /**\n   * Text anchor for SVG text element\n   * @default 'middle'\n   */\n  textAnchor?: 'start' | 'middle' | 'end';\n  /**\n   * Additional SVGTooltipText props to pass through\n   */\n  tooltipProps?: Partial<SVGTooltipTextProps>;\n  /**\n   * CSS class for the tooltip\n   */\n  tooltipClassName?: string;\n}\n\n/**\n * A reusable chart title component that renders an SVG text element with tooltip support.\n * This component encapsulates the common pattern for rendering chart titles across all chart types.\n */\nexport const ChartTitle: React.FunctionComponent<ChartTitleProps> = props => {\n  const { title, x, y, maxWidth, className, titleStyles, tooltipProps, tooltipClassName } = props;\n\n  const { titleFont, titleXAnchor, titleYAnchor, titlePad } = titleStyles ?? {};\n  const computedTextAnchor = titleXAnchor === 'left' ? 'start' : titleXAnchor === 'right' ? 'end' : 'middle';\n\n  // Calculate dominantBaseline from titleYAnchor for vertical alignment\n  // 'top' means text hangs below the y position (text-before-edge/hanging)\n  // 'bottom' means text sits above the y position (text-after-edge/alphabetic)\n  // 'middle' means text is centered on the y position (central)\n  const computedDominantBaseline =\n    titleYAnchor === 'top'\n      ? 'hanging'\n      : titleYAnchor === 'bottom'\n      ? 'alphabetic'\n      : titleYAnchor === 'middle'\n      ? 'central'\n      : 'auto';\n\n  // Calculate x position with padding adjustments\n  const computedX = x + (titlePad?.l ?? 0) - (titlePad?.r ?? 0);\n\n  // Calculate y position with padding adjustments\n  const calculatedY =\n    (y ??\n      Math.max(\n        (typeof titleFont?.size === 'number' ? titleFont.size : 13) + AXIS_TITLE_PADDING,\n        CHART_TITLE_PADDING - AXIS_TITLE_PADDING,\n      )) +\n    (titlePad?.t ?? 0) -\n    (titlePad?.b ?? 0);\n\n  const commonSvgToolTipProps: Partial<SVGTooltipTextProps> = {\n    wrapContent,\n    showBackground: true,\n    className: tooltipClassName,\n    ...tooltipProps,\n  };\n  return (\n    <SVGTooltipText\n      {...commonSvgToolTipProps}\n      content={title}\n      textProps={{\n        x: computedX,\n        y: calculatedY,\n        textAnchor: computedTextAnchor,\n        dominantBaseline: computedDominantBaseline,\n        className,\n        'aria-hidden': true,\n        style: getChartTitleInlineStyles(titleFont),\n      }}\n      maxWidth={maxWidth}\n    />\n  );\n};\n\nChartTitle.displayName = 'ChartTitle';\n"],"names":["React","SVGTooltipText","CHART_TITLE_PADDING","getChartTitleInlineStyles","wrapContent","AXIS_TITLE_PADDING","ChartTitle","props","title","x","y","maxWidth","className","titleStyles","tooltipProps","tooltipClassName","titleFont","titleXAnchor","titleYAnchor","titlePad","computedTextAnchor","computedDominantBaseline","computedX","l","r","calculatedY","Math","max","size","t","b","commonSvgToolTipProps","showBackground","content","textProps","textAnchor","dominantBaseline","style","displayName"],"mappings":";;;;+BAwDaM;;;;;;;iEAxDU,QAAQ;gCAEA,mBAAmB;8BAEa,kBAAkB;2BACrD,cAAc;AAE1C,MAAMD,qBAAqB;AAiDpB,mBAA6DE,CAAAA;IAClE,MAAM,EAAEC,KAAK,EAAEC,CAAC,EAAEC,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,EAAE,GAAGR;IAE1F,MAAM,EAAES,SAAS,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAE,GAAGN,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,cAAe,CAAC;IAC5E,MAAMO,qBAAqBH,iBAAiB,SAAS,UAAUA,iBAAiB,UAAU,QAAQ;IAElG,sEAAsE;IACtE,yEAAyE;IACzE,6EAA6E;IAC7E,8DAA8D;IAC9D,MAAMI,2BACJH,iBAAiB,QACb,YACAA,iBAAiB,WACjB,eACAA,iBAAiB,WACjB,YACA;QAGiBC,aAAqBA;IAD5C,gDAAgD;IAChD,MAAMG,YAAYb,IAAKU,CAAAA,CAAAA,cAAAA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAUI,AAAC,MAAA,QAAXJ,gBAAAA,KAAAA,IAAAA,eAAe,CAAA,IAAMA,CAAAA,cAAAA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAUK,AAAC,MAAA,QAAXL,gBAAAA,KAAAA,IAAAA,eAAe,CAAA;QASxDA,aACAA;IARH,gDAAgD;IAChD,MAAMM,cACHf,CAAAA,MAAAA,QAAAA,MAAAA,KAAAA,IAAAA,IACCgB,KAAKC,GAAG,CACL,CAAA,OAAOX,eAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAWY,IAAAA,AAAI,MAAK,WAAWZ,UAAUY,IAAI,GAAG,EAAA,CAAC,GAAKvB,oBAC9DH,iCAAAA,GAAsBG,mBAAAA,CACxB,IACDc,CAAAA,cAAAA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAUU,AAAC,MAAA,QAAXV,gBAAAA,KAAAA,IAAAA,eAAe,CAAA,IACfA,CAAAA,cAAAA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAUW,AAAC,MAAA,QAAXX,gBAAAA,KAAAA,IAAAA,eAAe,CAAA;IAElB,MAAMY,wBAAsD;qBAC1D3B,sBAAAA;QACA4B,gBAAgB;QAChBpB,WAAWG;QACX,GAAGD,YAAY;IACjB;IACA,OAAA,WAAA,GACE,OAAA,aAAA,CAACb,8BAAAA,EAAAA;QACE,GAAG8B,qBAAqB;QACzBE,SAASzB;QACT0B,WAAW;YACTzB,GAAGa;YACHZ,GAAGe;YACHU,YAAYf;YACZgB,kBAAkBf;YAClBT;YACA,eAAe;YACfyB,WAAOlC,uCAAAA,EAA0Ba;QACnC;QACAL,UAAUA;;AAGhB,EAAE;AAEFL,WAAWgC,WAAW,GAAG"}

package/lib-commonjs/utilities/Common.styles.js

@@ -1,138 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    CHART_TITLE_PADDING: function() {
-        return CHART_TITLE_PADDING;
-    },
-    getAxisTitleStyle: function() {
-        return getAxisTitleStyle;
-    },
-    getBarLabelStyle: function() {
-        return getBarLabelStyle;
-    },
-    getChartTitleInlineStyles: function() {
-        return getChartTitleInlineStyles;
-    },
-    getChartTitleStyles: function() {
-        return getChartTitleStyles;
-    },
-    getMarkerLabelStyle: function() {
-        return getMarkerLabelStyle;
-    },
-    getTooltipStyle: function() {
-        return getTooltipStyle;
-    }
-});
-const _utilities = require("../utilities/utilities");
-const _reacttheme = require("@fluentui/react-theme");
-const CHART_TITLE_PADDING = 20;
-const getTooltipStyle = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.body1,
-        display: 'flex',
-        flexDirection: 'column',
-        padding: _reacttheme.tokens.spacingHorizontalS,
-        position: 'absolute',
-        textAlign: 'center',
-        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
-        borderRadius: _reacttheme.tokens.borderRadiusSmall,
-        pointerEvents: 'none',
-        color: _reacttheme.tokens.colorNeutralForeground1
-    };
-};
-const getAxisTitleStyle = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.caption2Strong,
-        fontStyle: 'normal',
-        textAlign: 'center',
-        color: _reacttheme.tokens.colorNeutralForeground2,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        [_utilities.HighContrastSelector]: {
-            fill: 'CanvasText'
-        }
-    };
-};
-const getBarLabelStyle = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.caption1Strong,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto'
-    };
-};
-const getMarkerLabelStyle = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.body1,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        textAnchor: 'middle',
-        [_utilities.HighContrastSelector]: {
-            fill: 'CanvasText'
-        }
-    };
-};
-const getChartTitleStyles = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.caption2Strong,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto',
-        textAlign: 'center',
-        marginBottom: _reacttheme.tokens.spacingVerticalS
-    };
-};
-function getChartTitleInlineStyles(titleFont, xanchor, yanchor, pad) {
-    const styles = {};
-    if (titleFont) {
-        Object.assign(styles, titleFont.family && {
-            fontFamily: titleFont.family
-        }, titleFont.size && {
-            fontSize: `${titleFont.size}px`
-        }, titleFont.weight && {
-            fontWeight: titleFont.weight
-        }, titleFont.color && {
-            fill: titleFont.color
-        }, titleFont.shadow && titleFont.shadow !== 'none' && {
-            filter: `drop-shadow(${titleFont.shadow})`
-        });
-    }
-    if (xanchor) {
-        const anchorMap = {
-            left: 'left',
-            center: 'center',
-            right: 'right'
-        };
-        const alignmentKey = xanchor.toLowerCase();
-        if (anchorMap[alignmentKey]) {
-            styles.textAlign = anchorMap[alignmentKey];
-        }
-    }
-    if (yanchor) {
-        const anchorMap = {
-            top: 'flex-start',
-            middle: 'center',
-            bottom: 'flex-end'
-        };
-        const alignmentKey = yanchor.toLowerCase();
-        if (anchorMap[alignmentKey]) {
-            styles.alignSelf = anchorMap[alignmentKey];
-        }
-    }
-    if (pad) {
-        var _pad_t;
-        const t = (_pad_t = pad.t) !== null && _pad_t !== void 0 ? _pad_t : 0;
-        var _pad_r;
-        const r = (_pad_r = pad.r) !== null && _pad_r !== void 0 ? _pad_r : 0;
-        var _pad_b;
-        const b = (_pad_b = pad.b) !== null && _pad_b !== void 0 ? _pad_b : 0;
-        var _pad_l;
-        const l = (_pad_l = pad.l) !== null && _pad_l !== void 0 ? _pad_l : 0;
-        styles.padding = `${t}px ${r}px ${b}px ${l}px`;
-    }
-    return styles;
-}

package/lib-commonjs/utilities/Common.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Common.styles.js"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * Default padding below chart title (in pixels).\n * Used consistently across all chart types for spacing between title and chart content.\n */ export const CHART_TITLE_PADDING = 20;\nexport const getTooltipStyle = ()=>{\n    return {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        padding: tokens.spacingHorizontalS,\n        position: 'absolute',\n        textAlign: 'center',\n        backgroundColor: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none',\n        color: tokens.colorNeutralForeground1\n    };\n};\nexport const getAxisTitleStyle = ()=>{\n    return {\n        ...typographyStyles.caption2Strong,\n        fontStyle: 'normal',\n        textAlign: 'center',\n        color: tokens.colorNeutralForeground2,\n        fill: tokens.colorNeutralForeground1,\n        [HighContrastSelector]: {\n            fill: 'CanvasText'\n        }\n    };\n};\nexport const getBarLabelStyle = ()=>{\n    return {\n        ...typographyStyles.caption1Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    };\n};\nexport const getMarkerLabelStyle = ()=>{\n    return {\n        ...typographyStyles.body1,\n        fill: tokens.colorNeutralForeground1,\n        textAnchor: 'middle',\n        [HighContrastSelector]: {\n            fill: 'CanvasText'\n        }\n    };\n};\nexport const getChartTitleStyles = ()=>{\n    return {\n        ...typographyStyles.caption2Strong,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto',\n        textAlign: 'center',\n        marginBottom: tokens.spacingVerticalS\n    };\n};\n/**\n * Creates dynamic chart title styles using CSS properties.\n * @param titleFont - Optional font configuration from Plotly layout\n * @param xanchor - Optional horizontal anchor/alignment ('auto' | 'left' | 'center' | 'right')\n * @param yanchor - Optional vertical anchor/alignment ('auto' | 'top' | 'middle' | 'bottom')\n * @param pad - Optional padding configuration\n * @returns Style object with CSS properties for dynamic styling\n */ export function getChartTitleInlineStyles(titleFont, xanchor, yanchor, pad) {\n    const styles = {};\n    if (titleFont) {\n        Object.assign(styles, titleFont.family && {\n            fontFamily: titleFont.family\n        }, titleFont.size && {\n            fontSize: `${titleFont.size}px`\n        }, titleFont.weight && {\n            fontWeight: titleFont.weight\n        }, titleFont.color && {\n            fill: titleFont.color\n        }, titleFont.shadow && titleFont.shadow !== 'none' && {\n            filter: `drop-shadow(${titleFont.shadow})`\n        });\n    }\n    if (xanchor) {\n        const anchorMap = {\n            left: 'left',\n            center: 'center',\n            right: 'right'\n        };\n        const alignmentKey = xanchor.toLowerCase();\n        if (anchorMap[alignmentKey]) {\n            styles.textAlign = anchorMap[alignmentKey];\n        }\n    }\n    if (yanchor) {\n        const anchorMap = {\n            top: 'flex-start',\n            middle: 'center',\n            bottom: 'flex-end'\n        };\n        const alignmentKey = yanchor.toLowerCase();\n        if (anchorMap[alignmentKey]) {\n            styles.alignSelf = anchorMap[alignmentKey];\n        }\n    }\n    if (pad) {\n        var _pad_t;\n        const t = (_pad_t = pad.t) !== null && _pad_t !== void 0 ? _pad_t : 0;\n        var _pad_r;\n        const r = (_pad_r = pad.r) !== null && _pad_r !== void 0 ? _pad_r : 0;\n        var _pad_b;\n        const b = (_pad_b = pad.b) !== null && _pad_b !== void 0 ? _pad_b : 0;\n        var _pad_l;\n        const l = (_pad_l = pad.l) !== null && _pad_l !== void 0 ? _pad_l : 0;\n        styles.padding = `${t}px ${r}px ${b}px ${l}px`;\n    }\n    return styles;\n}\n"],"names":["HighContrastSelector","tokens","typographyStyles","CHART_TITLE_PADDING","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor","getChartTitleStyles","marginBottom","spacingVerticalS","getChartTitleInlineStyles","titleFont","xanchor","yanchor","pad","styles","Object","assign","family","fontFamily","size","fontSize","weight","fontWeight","shadow","filter","anchorMap","left","center","right","alignmentKey","toLowerCase","top","middle","bottom","alignSelf","_pad_t","t","_pad_r","r","_pad_b","b","_pad_l","l"],"mappings":"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"}

package/lib-commonjs/utilities/Common.styles.raw.js

@@ -1,138 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    CHART_TITLE_PADDING: function() {
-        return CHART_TITLE_PADDING;
-    },
-    getAxisTitleStyle: function() {
-        return getAxisTitleStyle;
-    },
-    getBarLabelStyle: function() {
-        return getBarLabelStyle;
-    },
-    getChartTitleInlineStyles: function() {
-        return getChartTitleInlineStyles;
-    },
-    getChartTitleStyles: function() {
-        return getChartTitleStyles;
-    },
-    getMarkerLabelStyle: function() {
-        return getMarkerLabelStyle;
-    },
-    getTooltipStyle: function() {
-        return getTooltipStyle;
-    }
-});
-const _utilities = require("../utilities/utilities");
-const _reacttheme = require("@fluentui/react-theme");
-const CHART_TITLE_PADDING = 20;
-const getTooltipStyle = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.body1,
-        display: 'flex',
-        flexDirection: 'column',
-        padding: _reacttheme.tokens.spacingHorizontalS,
-        position: 'absolute',
-        textAlign: 'center',
-        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
-        borderRadius: _reacttheme.tokens.borderRadiusSmall,
-        pointerEvents: 'none',
-        color: _reacttheme.tokens.colorNeutralForeground1
-    };
-};
-const getAxisTitleStyle = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.caption2Strong,
-        fontStyle: 'normal',
-        textAlign: 'center',
-        color: _reacttheme.tokens.colorNeutralForeground2,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        [_utilities.HighContrastSelector]: {
-            fill: 'CanvasText'
-        }
-    };
-};
-const getBarLabelStyle = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.caption1Strong,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto'
-    };
-};
-const getMarkerLabelStyle = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.body1,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        textAnchor: 'middle',
-        [_utilities.HighContrastSelector]: {
-            fill: 'CanvasText'
-        }
-    };
-};
-const getChartTitleStyles = ()=>{
-    return {
-        ..._reacttheme.typographyStyles.caption2Strong,
-        fill: _reacttheme.tokens.colorNeutralForeground1,
-        forcedColorAdjust: 'auto',
-        textAlign: 'center',
-        marginBottom: _reacttheme.tokens.spacingVerticalS
-    };
-};
-function getChartTitleInlineStyles(titleFont, xanchor, yanchor, pad) {
-    const styles = {};
-    if (titleFont) {
-        Object.assign(styles, titleFont.family && {
-            fontFamily: titleFont.family
-        }, titleFont.size && {
-            fontSize: `${titleFont.size}px`
-        }, titleFont.weight && {
-            fontWeight: titleFont.weight
-        }, titleFont.color && {
-            fill: titleFont.color
-        }, titleFont.shadow && titleFont.shadow !== 'none' && {
-            filter: `drop-shadow(${titleFont.shadow})`
-        });
-    }
-    if (xanchor) {
-        const anchorMap = {
-            left: 'left',
-            center: 'center',
-            right: 'right'
-        };
-        const alignmentKey = xanchor.toLowerCase();
-        if (anchorMap[alignmentKey]) {
-            styles.textAlign = anchorMap[alignmentKey];
-        }
-    }
-    if (yanchor) {
-        const anchorMap = {
-            top: 'flex-start',
-            middle: 'center',
-            bottom: 'flex-end'
-        };
-        const alignmentKey = yanchor.toLowerCase();
-        if (anchorMap[alignmentKey]) {
-            styles.alignSelf = anchorMap[alignmentKey];
-        }
-    }
-    if (pad) {
-        var _pad_t;
-        const t = (_pad_t = pad.t) !== null && _pad_t !== void 0 ? _pad_t : 0;
-        var _pad_r;
-        const r = (_pad_r = pad.r) !== null && _pad_r !== void 0 ? _pad_r : 0;
-        var _pad_b;
-        const b = (_pad_b = pad.b) !== null && _pad_b !== void 0 ? _pad_b : 0;
-        var _pad_l;
-        const l = (_pad_l = pad.l) !== null && _pad_l !== void 0 ? _pad_l : 0;
-        styles.padding = `${t}px ${r}px ${b}px ${l}px`;
-    }
-    return styles;
-}

package/lib-commonjs/utilities/Common.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/Common.styles.ts"],"sourcesContent":["import { HighContrastSelector } from '../utilities/utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { type GriffelStyle } from '@griffel/react';\nimport type { Font } from '@fluentui/chart-utilities';\n\n/**\n * Default padding below chart title (in pixels).\n * Used consistently across all chart types for spacing between title and chart content.\n */\nexport const CHART_TITLE_PADDING = 20;\n\n/**\n * Shared interface for chart title styling properties.\n * Used by components that display a chart title with customizable font, alignment, and padding.\n * {@docCategory TitleStyles}\n */\nexport interface TitleStyles {\n  /**\n   * Font configuration for the title\n   */\n  titleFont?: Partial<Font>;\n  /**\n   * Horizontal anchor/alignment for the chart title\n   */\n  titleXAnchor?: 'auto' | 'left' | 'center' | 'right';\n  /**\n   * Vertical anchor/alignment for the chart title\n   */\n  titleYAnchor?: 'auto' | 'top' | 'middle' | 'bottom';\n  /**\n   * Padding for the chart title\n   */\n  titlePad?: { t?: number; r?: number; b?: number; l?: number };\n}\n\nexport const getTooltipStyle = (): GriffelStyle => {\n  return {\n    ...typographyStyles.body1,\n    display: 'flex',\n    flexDirection: 'column',\n    padding: tokens.spacingHorizontalS,\n    position: 'absolute',\n    textAlign: 'center',\n    backgroundColor: tokens.colorNeutralBackground1,\n    borderRadius: tokens.borderRadiusSmall,\n    pointerEvents: 'none',\n    color: tokens.colorNeutralForeground1,\n  };\n};\n\nexport const getAxisTitleStyle = (): GriffelStyle => {\n  return {\n    ...typographyStyles.caption2Strong,\n    fontStyle: 'normal',\n    textAlign: 'center',\n    color: tokens.colorNeutralForeground2,\n    fill: tokens.colorNeutralForeground1,\n    [HighContrastSelector]: {\n      fill: 'CanvasText',\n    },\n  };\n};\n\nexport const getBarLabelStyle = (): GriffelStyle => {\n  return {\n    ...typographyStyles.caption1Strong, // Confirm styles\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n  };\n};\n\nexport const getMarkerLabelStyle = (): GriffelStyle => {\n  return {\n    ...typographyStyles.body1,\n    fill: tokens.colorNeutralForeground1,\n    textAnchor: 'middle',\n    [HighContrastSelector]: {\n      fill: 'CanvasText',\n    },\n  };\n};\n\nexport const getChartTitleStyles = (): GriffelStyle => {\n  return {\n    ...typographyStyles.caption2Strong,\n    fill: tokens.colorNeutralForeground1,\n    forcedColorAdjust: 'auto',\n    textAlign: 'center',\n    marginBottom: tokens.spacingVerticalS,\n  };\n};\n\n/**\n * Creates dynamic chart title styles using CSS properties.\n * @param titleFont - Optional font configuration from Plotly layout\n * @param xanchor - Optional horizontal anchor/alignment ('auto' | 'left' | 'center' | 'right')\n * @param yanchor - Optional vertical anchor/alignment ('auto' | 'top' | 'middle' | 'bottom')\n * @param pad - Optional padding configuration\n * @returns Style object with CSS properties for dynamic styling\n */\nexport function getChartTitleInlineStyles(\n  titleFont: Partial<Font> | undefined,\n  xanchor?: string,\n  yanchor?: string,\n  pad?: { t?: number; r?: number; b?: number; l?: number },\n): React.CSSProperties {\n  const styles: React.CSSProperties = {};\n\n  if (titleFont) {\n    Object.assign(\n      styles,\n      titleFont.family && { fontFamily: titleFont.family },\n      titleFont.size && { fontSize: `${titleFont.size}px` },\n      titleFont.weight && { fontWeight: titleFont.weight },\n      titleFont.color && { fill: titleFont.color as string },\n      titleFont.shadow && titleFont.shadow !== 'none' && { filter: `drop-shadow(${titleFont.shadow})` },\n    );\n  }\n\n  if (xanchor) {\n    const anchorMap: Record<string, React.CSSProperties['textAlign']> = {\n      left: 'left',\n      center: 'center',\n      right: 'right',\n    };\n    const alignmentKey = xanchor.toLowerCase();\n    if (anchorMap[alignmentKey]) {\n      styles.textAlign = anchorMap[alignmentKey];\n    }\n  }\n\n  if (yanchor) {\n    const anchorMap: Record<string, React.CSSProperties['alignSelf']> = {\n      top: 'flex-start',\n      middle: 'center',\n      bottom: 'flex-end',\n    };\n    const alignmentKey = yanchor.toLowerCase();\n    if (anchorMap[alignmentKey]) {\n      styles.alignSelf = anchorMap[alignmentKey];\n    }\n  }\n\n  if (pad) {\n    const t = pad.t ?? 0;\n    const r = pad.r ?? 0;\n    const b = pad.b ?? 0;\n    const l = pad.l ?? 0;\n    styles.padding = `${t}px ${r}px ${b}px ${l}px`;\n  }\n\n  return styles;\n}\n"],"names":["HighContrastSelector","tokens","typographyStyles","CHART_TITLE_PADDING","getTooltipStyle","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","getAxisTitleStyle","caption2Strong","fontStyle","colorNeutralForeground2","fill","getBarLabelStyle","caption1Strong","forcedColorAdjust","getMarkerLabelStyle","textAnchor","getChartTitleStyles","marginBottom","spacingVerticalS","getChartTitleInlineStyles","titleFont","xanchor","yanchor","pad","styles","Object","assign","family","fontFamily","size","fontSize","weight","fontWeight","shadow","filter","anchorMap","left","center","right","alignmentKey","toLowerCase","top","middle","bottom","alignSelf","t","r","b","l"],"mappings":"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"}

package/lib-commonjs/utilities/FocusableTooltipText.js

@@ -1,75 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FocusableTooltipText", {
-    enumerable: true,
-    get: function() {
-        return FocusableTooltipText;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reacttooltip = require("@fluentui/react-tooltip");
-const _overflowutils = require("./overflow-utils");
-const _index = require("./index");
-const _asyncutils = require("./async-utils");
-const FocusableTooltipText = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
-    const [textOverflow, setTextOverflow] = (0, _react.useState)(false);
-    const tooltipChild = (0, _react.useRef)(null);
-    const async = (0, _react.useRef)(new _asyncutils.Async()).current;
-    const resizeObserver = (0, _react.useRef)(undefined);
-    const getTargetElement = (0, _react.useCallback)(()=>{
-        if (!tooltipChild.current || !tooltipChild.current.parentElement) {
-            return undefined;
-        }
-        return tooltipChild.current.parentElement;
-    }, [
-        tooltipChild
-    ]);
-    const checkTextOverflow = (0, _react.useCallback)(()=>{
-        const overflowElement = getTargetElement();
-        const isTextOverflow = !!overflowElement && (0, _overflowutils.hasOverflow)(overflowElement);
-        if (isTextOverflow !== textOverflow) {
-            setTextOverflow(isTextOverflow);
-        }
-    }, [
-        getTargetElement,
-        textOverflow,
-        setTextOverflow
-    ]);
-    (0, _react.useEffect)(()=>{
-        checkTextOverflow();
-    }, [
-        checkTextOverflow
-    ]);
-    (0, _react.useEffect)(()=>{
-        // setup part executed only when the component mounts/updates
-        const overflowElement = getTargetElement();
-        if (window.ResizeObserver && overflowElement) {
-            resizeObserver.current = new window.ResizeObserver(async.debounce(checkTextOverflow, 500));
-            resizeObserver.current.observe(overflowElement);
-        }
-        // cleanup part executed only when the component unmounts
-        return ()=>{
-            var _resizeObserver_current;
-            (_resizeObserver_current = resizeObserver.current) === null || _resizeObserver_current === void 0 ? void 0 : _resizeObserver_current.disconnect();
-            async.dispose();
-        };
-    }, [
-        async,
-        checkTextOverflow,
-        getTargetElement
-    ]);
-    return /*#__PURE__*/ _react.createElement("div", {
-        className: props.className
-    }, /*#__PURE__*/ _react.createElement(_reacttooltip.Tooltip, {
-        content: props.content,
-        relationship: "description"
-    }, /*#__PURE__*/ _react.createElement("span", {
-        ...(0, _index.getAccessibleDataObject)(props.accessibilityData),
-        ref: tooltipChild,
-        "data-is-focusable": textOverflow
-    }, props.content)));
-});

package/lib-commonjs/utilities/FocusableTooltipText.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/FocusableTooltipText.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCallback, useState, useEffect, useRef } from 'react';\nimport { Tooltip } from '@fluentui/react-tooltip';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { hasOverflow } from './overflow-utils';\nimport { getAccessibleDataObject } from './index';\nimport type { AccessibilityProps } from '../types/index';\nimport { Async } from './async-utils';\n\ninterface IFocusableTooltipTextProps {\n  className?: string;\n  content: string | JSXElement | JSXElement[];\n  accessibilityData?: AccessibilityProps;\n}\n\nexport const FocusableTooltipText: React.FunctionComponent<IFocusableTooltipTextProps> = React.forwardRef<\n  HTMLDivElement,\n  IFocusableTooltipTextProps\n>((props, forwardedRef) => {\n  const [textOverflow, setTextOverflow] = useState(false);\n  const tooltipChild = useRef<HTMLSpanElement>(null);\n  const async = useRef(new Async()).current;\n  const resizeObserver = useRef<ResizeObserver | undefined>(undefined);\n\n  const getTargetElement = useCallback((): HTMLElement | undefined => {\n    if (!tooltipChild.current || !tooltipChild.current.parentElement) {\n      return undefined;\n    }\n    return tooltipChild.current.parentElement;\n  }, [tooltipChild]);\n\n  const checkTextOverflow = useCallback(() => {\n    const overflowElement = getTargetElement();\n    const isTextOverflow = !!overflowElement && hasOverflow(overflowElement);\n    if (isTextOverflow !== textOverflow) {\n      setTextOverflow(isTextOverflow);\n    }\n  }, [getTargetElement, textOverflow, setTextOverflow]);\n\n  useEffect(() => {\n    checkTextOverflow();\n  }, [checkTextOverflow]);\n\n  useEffect(() => {\n    // setup part executed only when the component mounts/updates\n    const overflowElement = getTargetElement();\n    if (window.ResizeObserver && overflowElement) {\n      resizeObserver.current = new window.ResizeObserver(async.debounce(checkTextOverflow, 500));\n      resizeObserver.current.observe(overflowElement);\n    }\n    // cleanup part executed only when the component unmounts\n    return () => {\n      resizeObserver.current?.disconnect();\n      async.dispose();\n    };\n  }, [async, checkTextOverflow, getTargetElement]);\n\n  return (\n    <div className={props.className}>\n      <Tooltip content={props.content} relationship=\"description\">\n        <span {...getAccessibleDataObject(props.accessibilityData)} ref={tooltipChild} data-is-focusable={textOverflow}>\n          {props.content}\n        </span>\n      </Tooltip>\n    </div>\n  );\n});\n"],"names":["React","useCallback","useState","useEffect","useRef","Tooltip","hasOverflow","getAccessibleDataObject","Async","FocusableTooltipText","forwardRef","props","forwardedRef","textOverflow","setTextOverflow","tooltipChild","async","current","resizeObserver","undefined","getTargetElement","parentElement","checkTextOverflow","overflowElement","isTextOverflow","window","ResizeObserver","debounce","observe","disconnect","dispose","div","className","content","relationship","span","accessibilityData","ref","data-is-focusable"],"mappings":"AAAA;;;;;+BAiBaS;;;;;;;iEAfU,QAAQ;8BAEP,0BAA0B;+BAEtB,mBAAmB;uBACP,UAAU;4BAE5B,gBAAgB;AAQ/B,6BAAMA,WAAAA,GAA4ET,OAAMU,UAAU,CAGvG,CAACC,OAAOC;IACR,MAAM,CAACC,cAAcC,gBAAgB,OAAGZ,eAAAA,EAAS;IACjD,MAAMa,mBAAeX,aAAAA,EAAwB;IAC7C,MAAMY,YAAQZ,aAAAA,EAAO,IAAII,iBAAAA,IAASS,OAAO;IACzC,MAAMC,qBAAiBd,aAAAA,EAAmCe;IAE1D,MAAMC,uBAAmBnB,kBAAAA,EAAY;QACnC,IAAI,CAACc,aAAaE,OAAO,IAAI,CAACF,aAAaE,OAAO,CAACI,aAAa,EAAE;YAChE,OAAOF;QACT;QACA,OAAOJ,aAAaE,OAAO,CAACI,aAAa;IAC3C,GAAG;QAACN;KAAa;IAEjB,MAAMO,wBAAoBrB,kBAAAA,EAAY;QACpC,MAAMsB,kBAAkBH;QACxB,MAAMI,iBAAiB,CAAC,CAACD,uBAAmBjB,0BAAAA,EAAYiB;QACxD,IAAIC,mBAAmBX,cAAc;YACnCC,gBAAgBU;QAClB;IACF,GAAG;QAACJ;QAAkBP;QAAcC;KAAgB;QAEpDX,gBAAAA,EAAU;QACRmB;IACF,GAAG;QAACA;KAAkB;QAEtBnB,gBAAAA,EAAU;QACR,6DAA6D;QAC7D,MAAMoB,kBAAkBH;QACxB,IAAIK,OAAOC,cAAc,IAAIH,iBAAiB;YAC5CL,eAAeD,OAAO,GAAG,IAAIQ,OAAOC,cAAc,CAACV,MAAMW,QAAQ,CAACL,mBAAmB;YACrFJ,eAAeD,OAAO,CAACW,OAAO,CAACL;QACjC;QACA,yDAAyD;QACzD,OAAO;gBACLL;aAAAA,0BAAAA,eAAeD,OAAAA,AAAO,MAAA,QAAtBC,4BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,wBAAwBW,UAAU;YAClCb,MAAMc,OAAO;QACf;IACF,GAAG;QAACd;QAAOM;QAAmBF;KAAiB;IAE/C,OAAA,WAAA,GACE,OAAA,aAAA,CAACW,OAAAA;QAAIC,WAAWrB,MAAMqB,SAAS;qBAC7B,OAAA,aAAA,CAAC3B,qBAAAA,EAAAA;QAAQ4B,SAAStB,MAAMsB,OAAO;QAAEC,cAAa;qBAC5C,OAAA,aAAA,CAACC,QAAAA;QAAM,OAAG5B,8BAAAA,EAAwBI,MAAMyB,iBAAiB,CAAC;QAAEC,KAAKtB;QAAcuB,qBAAmBzB;OAC/FF,MAAMsB,OAAO;AAKxB,GAAG"}

package/lib-commonjs/utilities/KeyCodes.js

@@ -1,21 +0,0 @@
-/**
- * Simulated enum for keycodes. These will get inlined by uglify when used much like an enum
- *
- * Simulated enum for keycodes. These will get inlined by uglify when used much like an enum
- *
- * {@docCategory KeyCodes}
- *
- * @public
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "KeyCodes", {
-    enumerable: true,
-    get: function() {
-        return KeyCodes;
-    }
-});
-const KeyCodes = {
-    escape: 27
-};

package/lib-commonjs/utilities/KeyCodes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/KeyCodes.ts"],"sourcesContent":["/**\n * Simulated enum for keycodes. These will get inlined by uglify when used much like an enum\n *\n * Simulated enum for keycodes. These will get inlined by uglify when used much like an enum\n *\n * {@docCategory KeyCodes}\n *\n * @public\n */\nexport const KeyCodes = {\n  escape: 27 as 27,\n};\nexport type KeyCodes = number;\n"],"names":["KeyCodes","escape"],"mappings":"AAAA;;;;;;;;CAQC,GACD;;;;;;;;;;AAAO,MAAMA,WAAW;IACtBC,QAAQ;AACV,EAAE"}