@fluentui/react-charts 9.3.23 → 9.3.25

package/lib/components/PolarChart/PolarChart.utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/PolarChart/PolarChart.utils.ts"],"sourcesContent":["import type { NumberValue, ScaleBand, ScaleContinuousNumeric, ScaleTime } from 'd3-scale';\nimport {\n  scaleBand as d3ScaleBand,\n  scaleLinear as d3ScaleLinear,\n  scaleLog as d3ScaleLog,\n  scaleTime as d3ScaleTime,\n  scaleUtc as d3ScaleUtc,\n} from 'd3-scale';\nimport { extent as d3Extent, range as d3Range } from 'd3-array';\nimport { format as d3Format } from 'd3-format';\nimport type { AxisScaleType } from '../../types/DataPoint';\nimport {\n  generateDateTicks,\n  generateNumericTicks,\n  getDateFormatLevel,\n  isValidDomainValue,\n  precisionRound,\n} from '../../utilities/utilities';\nimport {\n  isInvalidValue,\n  formatToLocaleString,\n  getMultiLevelDateTimeFormatOptions,\n  formatDateToLocaleString,\n} from '@fluentui/chart-utilities';\nimport { timeFormat as d3TimeFormat, utcFormat as d3UtcFormat } from 'd3-time-format';\nimport type { PolarChartProps } from './PolarChart.types';\n\nexport const EPSILON = 1e-6;\n\nexport const createRadialScale = (\n  scaleType: string,\n  domain: (string | number | Date)[],\n  range: number[],\n  opts: {\n    useUTC?: boolean;\n    tickCount?: number;\n    tickValues?: (string | number | Date)[];\n    tickText?: string[];\n    tickFormat?: string;\n    culture?: string;\n    tickStep?: number | string;\n    tick0?: number | Date;\n    dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n  } = {},\n): {\n  scale: ScaleBand<string> | ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;\n  tickValues: (string | number | Date)[];\n  tickLabels: string[];\n} => {\n  if (scaleType === 'category') {\n    const scale = d3ScaleBand()\n      .domain(domain as string[])\n      .range(range)\n      .paddingInner(1);\n    const tickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as string[]) : (domain as string[]);\n    const tickFormat = (domainValue: string, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      return domainValue;\n    };\n    return { scale, tickValues, tickLabels: tickValues.map(tickFormat) };\n  }\n\n  let scale: ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;\n  if (scaleType === 'date') {\n    scale = opts.useUTC ? d3ScaleUtc() : d3ScaleTime();\n  } else {\n    scale = scaleType === 'log' ? d3ScaleLog() : d3ScaleLinear();\n  }\n\n  scale.domain(domain as (number | Date)[]);\n  scale.range(range);\n  scale.nice();\n\n  const tickCount = opts.tickCount ?? 4;\n  let tickFormat;\n  let customTickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as (number | Date)[]) : undefined;\n  if (scaleType === 'date') {\n    let lowestFormatLevel = 100;\n    let highestFormatLevel = -1;\n\n    (scale as ScaleTime<number, number>).ticks().forEach((domainValue: Date) => {\n      const formatLevel = getDateFormatLevel(domainValue, opts.useUTC);\n      if (formatLevel > highestFormatLevel) {\n        highestFormatLevel = formatLevel;\n      }\n      if (formatLevel < lowestFormatLevel) {\n        lowestFormatLevel = formatLevel;\n      }\n    });\n    const formatOptions =\n      opts.dateLocalizeOptions ?? getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n    tickFormat = (domainValue: Date, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      if (isInvalidValue(opts.culture) && typeof opts.tickFormat === 'string') {\n        if (opts.useUTC) {\n          return d3UtcFormat(opts.tickFormat)(domainValue);\n        } else {\n          return d3TimeFormat(opts.tickFormat)(domainValue);\n        }\n      }\n      return formatDateToLocaleString(domainValue, opts.culture, opts.useUTC, false, formatOptions);\n    };\n    if (opts.tickStep) {\n      customTickValues = generateDateTicks(opts.tickStep, opts.tick0, scale.domain() as Date[], opts.useUTC);\n    }\n  } else {\n    const defaultTickFormat = (scale as ScaleContinuousNumeric<number, number>).tickFormat(tickCount);\n    tickFormat = (domainValue: NumberValue, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      if (typeof opts.tickFormat === 'string') {\n        return d3Format(opts.tickFormat)(domainValue);\n      }\n      const value = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();\n      return defaultTickFormat(value) === '' ? '' : (formatToLocaleString(value, opts.culture) as string);\n    };\n    if (opts.tickStep) {\n      customTickValues = generateNumericTicks(\n        scaleType as AxisScaleType,\n        opts.tickStep,\n        opts.tick0,\n        scale.domain() as number[],\n      );\n    }\n  }\n  const tickValues = customTickValues ?? scale.ticks(tickCount);\n\n  return { scale, tickValues, tickLabels: tickValues.map(tickFormat) };\n};\n\nexport const getScaleType = (\n  values: (string | number | Date)[],\n  opts: {\n    scaleType?: AxisScaleType;\n    supportsLog?: boolean;\n  } = {},\n): string => {\n  let scaleType = 'category';\n  if (typeof values[0] === 'number') {\n    if (opts.supportsLog && opts.scaleType === 'log') {\n      scaleType = 'log';\n    } else {\n      scaleType = 'linear';\n    }\n  } else if (values[0] instanceof Date) {\n    scaleType = 'date';\n  }\n  return scaleType;\n};\n\nexport const getContinuousScaleDomain = (\n  scaleType: string,\n  values: (number | Date)[],\n  opts: {\n    rangeStart?: number | Date;\n    rangeEnd?: number | Date;\n  } = {},\n): (number | Date)[] => {\n  let [min, max] = d3Extent(values.filter(v => isValidDomainValue(v, scaleType as AxisScaleType)) as (number | Date)[]);\n  if (scaleType === 'linear') {\n    [min, max] = d3Extent([min, max, 0] as number[]);\n  }\n  if (!isInvalidValue(opts.rangeStart)) {\n    min = opts.rangeStart;\n  }\n  if (!isInvalidValue(opts.rangeEnd)) {\n    max = opts.rangeEnd;\n  }\n\n  if (isInvalidValue(min) || isInvalidValue(max)) {\n    return [];\n  }\n  return [min!, max!];\n};\n\nconst degToRad = (deg: number) => (deg * Math.PI) / 180;\n\nconst radToDeg = (rad: number) => (rad * 180) / Math.PI;\n\nconst normalizeAngle = (deg: number, direction: PolarChartProps['direction']) =>\n  (((direction === 'clockwise' ? deg : 450 - deg) % 360) + 360) % 360;\n\nexport const createAngularScale = (\n  scaleType: string,\n  domain: (string | number | Date)[],\n  opts: {\n    tickCount?: number;\n    tickValues?: (string | number | Date)[];\n    tickText?: string[];\n    tickFormat?: string;\n    culture?: string;\n    tickStep?: number | string;\n    tick0?: number | Date;\n    direction?: PolarChartProps['direction'];\n    unit?: NonNullable<PolarChartProps['angularAxis']>['unit'];\n  } = {},\n): { scale: (v: string | number) => number; tickValues: (string | number)[]; tickLabels: string[] } => {\n  if (scaleType === 'category') {\n    const categoryIndexMap: Record<string, number> = {};\n    (domain as string[]).forEach((d, i) => {\n      categoryIndexMap[d] = i;\n    });\n    const period = 360 / domain.length;\n    const tickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as string[]) : (domain as string[]);\n    const tickFormat = (domainValue: string, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      return domainValue;\n    };\n    return {\n      scale: (v: string) => degToRad(normalizeAngle(categoryIndexMap[v] * period, opts.direction)),\n      tickValues,\n      tickLabels: tickValues.map(tickFormat),\n    };\n  }\n\n  let customTickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as number[]) : undefined;\n  const tickFormat = (domainValue: number, index: number) => {\n    if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n      return opts.tickText[index];\n    }\n    if (typeof opts.tickFormat === 'string') {\n      return d3Format(opts.tickFormat)(domainValue);\n    }\n    return formatAngle(domainValue, opts.unit);\n  };\n  if (opts.tickStep) {\n    customTickValues = generateNumericTicks(scaleType as AxisScaleType, opts.tickStep, opts.tick0, [\n      0,\n      (opts.unit === 'radians' ? 2 * Math.PI : 360) - EPSILON,\n    ])?.map(v => (opts.unit === 'radians' ? radToDeg(v) : v));\n  }\n  const tickValues = customTickValues ?? d3Range(0, 360, 360 / (opts.tickCount ?? 8));\n\n  return {\n    scale: (v: number) => degToRad(normalizeAngle(v, opts.direction)),\n    tickValues,\n    tickLabels: tickValues.map(tickFormat),\n  };\n};\n\nexport const formatAngle = (\n  value: string | number,\n  unit: NonNullable<PolarChartProps['angularAxis']>['unit'],\n): string =>\n  typeof value === 'string'\n    ? value\n    : unit === 'radians'\n    ? `${precisionRound(value / 180, 6)}π`\n    : `${precisionRound(value, 6)}°`;\n"],"names":["scaleBand","d3ScaleBand","scaleLinear","d3ScaleLinear","scaleLog","d3ScaleLog","scaleTime","d3ScaleTime","scaleUtc","d3ScaleUtc","extent","d3Extent","range","d3Range","format","d3Format","generateDateTicks","generateNumericTicks","getDateFormatLevel","isValidDomainValue","precisionRound","isInvalidValue","formatToLocaleString","getMultiLevelDateTimeFormatOptions","formatDateToLocaleString","timeFormat","d3TimeFormat","utcFormat","d3UtcFormat","EPSILON","createRadialScale","scaleType","domain","opts","scale","paddingInner","tickValues","Array","isArray","tickFormat","domainValue","index","tickText","tickLabels","map","useUTC","nice","tickCount","customTickValues","undefined","lowestFormatLevel","highestFormatLevel","ticks","forEach","formatLevel","formatOptions","dateLocalizeOptions","culture","tickStep","tick0","defaultTickFormat","value","valueOf","getScaleType","values","supportsLog","Date","getContinuousScaleDomain","min","max","filter","v","rangeStart","rangeEnd","degToRad","deg","Math","PI","radToDeg","rad","normalizeAngle","direction","createAngularScale","categoryIndexMap","d","i","period","length","formatAngle","unit"],"mappings":"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"}
+{"version":3,"sources":["../src/components/PolarChart/PolarChart.utils.ts"],"sourcesContent":["import type { NumberValue, ScaleBand, ScaleContinuousNumeric, ScaleTime } from 'd3-scale';\nimport {\n  scaleBand as d3ScaleBand,\n  scaleLinear as d3ScaleLinear,\n  scaleLog as d3ScaleLog,\n  scaleTime as d3ScaleTime,\n  scaleUtc as d3ScaleUtc,\n} from 'd3-scale';\nimport { extent as d3Extent, range as d3Range } from 'd3-array';\nimport { format as d3Format } from 'd3-format';\nimport type { AxisScaleType } from '../../types/DataPoint';\nimport {\n  generateDateTicks,\n  generateNumericTicks,\n  getDateFormatLevel,\n  isValidDomainValue,\n  precisionRound,\n} from '../../utilities/utilities';\nimport {\n  isInvalidValue,\n  formatToLocaleString,\n  getMultiLevelDateTimeFormatOptions,\n  formatDateToLocaleString,\n} from '@fluentui/chart-utilities';\nimport { timeFormat as d3TimeFormat, utcFormat as d3UtcFormat } from 'd3-time-format';\nimport type { PolarChartProps } from './PolarChart.types';\n\nexport const EPSILON = 1e-6;\n\nexport const createRadialScale = (\n  scaleType: string,\n  domain: (string | number | Date)[],\n  range: number[],\n  opts: {\n    useUTC?: boolean;\n    tickCount?: number;\n    tickValues?: (string | number | Date)[];\n    tickText?: string[];\n    tickFormat?: string;\n    culture?: string;\n    tickStep?: number | string;\n    tick0?: number | Date;\n    dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n  } = {},\n): {\n  scale: ScaleBand<string> | ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;\n  tickValues: (string | number | Date)[];\n  tickLabels: string[];\n} => {\n  if (scaleType === 'category') {\n    const scale = d3ScaleBand()\n      .domain(domain as string[])\n      .range(range)\n      .paddingInner(1);\n    const tickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as string[]) : (domain as string[]);\n    const tickFormat = (domainValue: string, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      return domainValue;\n    };\n    return { scale, tickValues, tickLabels: tickValues.map(tickFormat) };\n  }\n\n  let scale: ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;\n  if (scaleType === 'date') {\n    scale = opts.useUTC ? d3ScaleUtc() : d3ScaleTime();\n  } else {\n    scale = scaleType === 'log' ? d3ScaleLog() : d3ScaleLinear();\n  }\n\n  scale.domain(domain as (number | Date)[]);\n  scale.range(range);\n  scale.nice();\n\n  const tickCount = opts.tickCount ?? 4;\n  let tickFormat;\n  let customTickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as (number | Date)[]) : undefined;\n  if (scaleType === 'date') {\n    let lowestFormatLevel = 100;\n    let highestFormatLevel = -1;\n\n    (scale as ScaleTime<number, number>).ticks().forEach((domainValue: Date) => {\n      const formatLevel = getDateFormatLevel(domainValue, opts.useUTC);\n      if (formatLevel > highestFormatLevel) {\n        highestFormatLevel = formatLevel;\n      }\n      if (formatLevel < lowestFormatLevel) {\n        lowestFormatLevel = formatLevel;\n      }\n    });\n    const formatOptions =\n      opts.dateLocalizeOptions ?? getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n    tickFormat = (domainValue: Date, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      if (isInvalidValue(opts.culture) && typeof opts.tickFormat === 'string') {\n        if (opts.useUTC) {\n          return d3UtcFormat(opts.tickFormat)(domainValue);\n        } else {\n          return d3TimeFormat(opts.tickFormat)(domainValue);\n        }\n      }\n      return formatDateToLocaleString(domainValue, opts.culture, opts.useUTC, false, formatOptions);\n    };\n    if (opts.tickStep) {\n      customTickValues = generateDateTicks(opts.tickStep, opts.tick0, scale.domain() as Date[], opts.useUTC);\n    }\n  } else {\n    const defaultTickFormat = (scale as ScaleContinuousNumeric<number, number>).tickFormat(tickCount);\n    tickFormat = (domainValue: NumberValue, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      if (typeof opts.tickFormat === 'string') {\n        return d3Format(opts.tickFormat)(domainValue);\n      }\n      const value = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();\n      return defaultTickFormat(value) === '' ? '' : (formatToLocaleString(value, opts.culture) as string);\n    };\n    if (opts.tickStep) {\n      customTickValues = generateNumericTicks(\n        scaleType as AxisScaleType,\n        opts.tickStep,\n        opts.tick0,\n        scale.domain() as number[],\n      );\n    }\n  }\n  const tickValues = customTickValues ?? scale.ticks(tickCount);\n\n  return { scale, tickValues, tickLabels: tickValues.map(tickFormat) };\n};\n\nexport const getScaleType = (\n  values: (string | number | Date)[],\n  opts: {\n    scaleType?: AxisScaleType;\n    supportsLog?: boolean;\n  } = {},\n): string => {\n  let scaleType = 'category';\n  if (typeof values[0] === 'number') {\n    if (opts.supportsLog && opts.scaleType === 'log') {\n      scaleType = 'log';\n    } else {\n      scaleType = 'linear';\n    }\n  } else if (values[0] instanceof Date) {\n    scaleType = 'date';\n  }\n  return scaleType;\n};\n\nexport const getContinuousScaleDomain = (\n  scaleType: string,\n  values: (number | Date)[],\n  opts: {\n    rangeStart?: number | Date;\n    rangeEnd?: number | Date;\n  } = {},\n): (number | Date)[] => {\n  let [min, max] = d3Extent(values.filter(v => isValidDomainValue(v, scaleType as AxisScaleType)) as (number | Date)[]);\n  if (scaleType === 'linear') {\n    [min, max] = d3Extent([min, max, 0] as number[]);\n  }\n  if (!isInvalidValue(opts.rangeStart)) {\n    min = opts.rangeStart;\n  }\n  if (!isInvalidValue(opts.rangeEnd)) {\n    max = opts.rangeEnd;\n  }\n\n  if (isInvalidValue(min) || isInvalidValue(max)) {\n    return [];\n  }\n  return [min!, max!];\n};\n\nconst degToRad = (deg: number) => (deg * Math.PI) / 180;\n\nconst radToDeg = (rad: number) => (rad * 180) / Math.PI;\n\nconst normalizeAngle = (deg: number, direction: PolarChartProps['direction']) =>\n  (((direction === 'clockwise' ? deg : 450 - deg) % 360) + 360) % 360;\n\nexport const createAngularScale = (\n  scaleType: string,\n  domain: (string | number | Date)[],\n  opts: {\n    tickCount?: number;\n    tickValues?: (string | number | Date)[];\n    tickText?: string[];\n    tickFormat?: string;\n    culture?: string;\n    tickStep?: number | string;\n    tick0?: number | Date;\n    direction?: PolarChartProps['direction'];\n    unit?: NonNullable<PolarChartProps['angularAxis']>['unit'];\n  } = {},\n): { scale: (v: string | number) => number; tickValues: (string | number)[]; tickLabels: string[] } => {\n  if (scaleType === 'category') {\n    const categoryIndexMap: Record<string, number> = {};\n    (domain as string[]).forEach((d, i) => {\n      categoryIndexMap[d] = i;\n    });\n    const period = 360 / domain.length;\n    const tickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as string[]) : (domain as string[]);\n    const tickFormat = (domainValue: string, index: number) => {\n      if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n        return opts.tickText[index];\n      }\n      return domainValue;\n    };\n    return {\n      scale: (v: string) => degToRad(normalizeAngle(categoryIndexMap[v] * period, opts.direction)),\n      tickValues,\n      tickLabels: tickValues.map(tickFormat),\n    };\n  }\n\n  let customTickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as number[]) : undefined;\n  const tickFormat = (domainValue: number, index: number) => {\n    if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n      return opts.tickText[index];\n    }\n    if (typeof opts.tickFormat === 'string') {\n      return d3Format(opts.tickFormat)(domainValue);\n    }\n    return formatAngle(domainValue, opts.unit);\n  };\n  if (opts.tickStep) {\n    customTickValues = generateNumericTicks(scaleType as AxisScaleType, opts.tickStep, opts.tick0, [\n      0,\n      (opts.unit === 'radians' ? 2 * Math.PI : 360) - EPSILON,\n    ])?.map(v => (opts.unit === 'radians' ? radToDeg(v) : v));\n  }\n  const tickValues = customTickValues ?? d3Range(0, 360, 360 / (opts.tickCount ?? 8));\n\n  return {\n    scale: (v: number) => degToRad(normalizeAngle(v, opts.direction)),\n    tickValues,\n    tickLabels: tickValues.map(tickFormat),\n  };\n};\n\nexport const formatAngle = (\n  value: string | number,\n  unit: NonNullable<PolarChartProps['angularAxis']>['unit'],\n): string =>\n  typeof value === 'string'\n    ? value\n    : unit === 'radians'\n    ? `${precisionRound(value / 180, 6)}π`\n    : `${precisionRound(value, 6)}°`;\n"],"names":["scaleBand","d3ScaleBand","scaleLinear","d3ScaleLinear","scaleLog","d3ScaleLog","scaleTime","d3ScaleTime","scaleUtc","d3ScaleUtc","extent","d3Extent","range","d3Range","format","d3Format","generateDateTicks","generateNumericTicks","getDateFormatLevel","isValidDomainValue","precisionRound","isInvalidValue","formatToLocaleString","getMultiLevelDateTimeFormatOptions","formatDateToLocaleString","timeFormat","d3TimeFormat","utcFormat","d3UtcFormat","EPSILON","createRadialScale","scaleType","domain","opts","scale","paddingInner","tickValues","Array","isArray","tickFormat","domainValue","index","tickText","tickLabels","map","useUTC","nice","tickCount","customTickValues","undefined","lowestFormatLevel","highestFormatLevel","ticks","forEach","formatLevel","formatOptions","dateLocalizeOptions","culture","tickStep","tick0","defaultTickFormat","value","valueOf","getScaleType","values","supportsLog","Date","getContinuousScaleDomain","min","max","filter","v","rangeStart","rangeEnd","degToRad","deg","Math","PI","radToDeg","rad","normalizeAngle","direction","createAngularScale","categoryIndexMap","d","i","period","length","formatAngle","unit"],"mappings":"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"}

package/lib/components/PolarChart/index.js

@@ -1,2 +1,2 @@
-export * from './PolarChart';
-export * from './PolarChart.types';
+export * from "./PolarChart.js";
+export * from "./PolarChart.types.js";

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

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

package/lib/components/PolarChart/usePolarChartStyles.styles.js

@@ -1,7 +1,7 @@
 'use client';
 
-import { __styles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { __styles, mergeClasses } from "@griffel/react";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
 /**
  * @internal
  */

package/lib/components/PolarChart/usePolarChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","polarChartClassNames","root","chartWrapper","chart","gridLineInner","gridLineOuter","tickLabel","legendContainer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","gridLine","Bkfmm31","ojy3ng","Be5yapy","abs64n","d","usePolarChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","baseStyles","styles"],"sources":["usePolarChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const polarChartClassNames = {\n    root: 'fui-polar__root',\n    chartWrapper: 'fui-polar__chartWrapper',\n    chart: 'fui-polar__chart',\n    gridLineInner: 'fui-polar__gridLineInner',\n    gridLineOuter: 'fui-polar__gridLineOuter',\n    tickLabel: 'fui-polar__tickLabel',\n    legendContainer: 'fui-polar__legendContainer'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n        textAlign: 'left'\n    },\n    chart: {\n        display: 'block'\n    },\n    gridLine: {\n        fill: 'none',\n        stroke: tokens.colorNeutralForeground1,\n        strokeWidth: '1px'\n    },\n    gridLineInner: {\n        opacity: 0.2\n    },\n    gridLineOuter: {\n        opacity: 1\n    },\n    tickLabel: {\n        ...typographyStyles.caption2Strong,\n        fill: tokens.colorNeutralForeground1\n    },\n    legendContainer: {\n        width: '100%'\n    }\n});\n/**\n * Apply styling to the PolarChart component\n */ export const usePolarChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(polarChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chartWrapper: mergeClasses(polarChartClassNames.chartWrapper, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),\n        chart: mergeClasses(polarChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),\n        gridLineInner: mergeClasses(polarChartClassNames.gridLineInner, baseStyles.gridLine, baseStyles.gridLineInner, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.gridLineInner),\n        gridLineOuter: mergeClasses(polarChartClassNames.gridLineOuter, baseStyles.gridLine, baseStyles.gridLineOuter, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.gridLineOuter),\n        tickLabel: mergeClasses(polarChartClassNames.tickLabel, baseStyles.tickLabel, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.tickLabel),\n        legendContainer: mergeClasses(polarChartClassNames.legendContainer, baseStyles.legendContainer, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.legendContainer)\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","polarChartClassNames","root","chartWrapper","chart","gridLineInner","gridLineOuter","tickLabel","legendContainer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","gridLine","Bkfmm31","ojy3ng","Be5yapy","abs64n","d","usePolarChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","baseStyles","styles"],"sources":["usePolarChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\n/**\n * @internal\n */ export const polarChartClassNames = {\n    root: 'fui-polar__root',\n    chartWrapper: 'fui-polar__chartWrapper',\n    chart: 'fui-polar__chart',\n    gridLineInner: 'fui-polar__gridLineInner',\n    gridLineOuter: 'fui-polar__gridLineOuter',\n    tickLabel: 'fui-polar__tickLabel',\n    legendContainer: 'fui-polar__legendContainer'\n};\nconst useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n        textAlign: 'left'\n    },\n    chart: {\n        display: 'block'\n    },\n    gridLine: {\n        fill: 'none',\n        stroke: tokens.colorNeutralForeground1,\n        strokeWidth: '1px'\n    },\n    gridLineInner: {\n        opacity: 0.2\n    },\n    gridLineOuter: {\n        opacity: 1\n    },\n    tickLabel: {\n        ...typographyStyles.caption2Strong,\n        fill: tokens.colorNeutralForeground1\n    },\n    legendContainer: {\n        width: '100%'\n    }\n});\n/**\n * Apply styling to the PolarChart component\n */ export const usePolarChartStyles = (props)=>{\n    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6;\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(polarChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chartWrapper: mergeClasses(polarChartClassNames.chartWrapper, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),\n        chart: mergeClasses(polarChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),\n        gridLineInner: mergeClasses(polarChartClassNames.gridLineInner, baseStyles.gridLine, baseStyles.gridLineInner, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.gridLineInner),\n        gridLineOuter: mergeClasses(polarChartClassNames.gridLineOuter, baseStyles.gridLine, baseStyles.gridLineOuter, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.gridLineOuter),\n        tickLabel: mergeClasses(polarChartClassNames.tickLabel, baseStyles.tickLabel, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.tickLabel),\n        legendContainer: mergeClasses(polarChartClassNames.legendContainer, baseStyles.legendContainer, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.legendContainer)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,GAAG;EACpCC,IAAI,EAAE,iBAAiB;EACvBC,YAAY,EAAE,yBAAyB;EACvCC,KAAK,EAAE,kBAAkB;EACzBC,aAAa,EAAE,0BAA0B;EACzCC,aAAa,EAAE,0BAA0B;EACzCC,SAAS,EAAE,sBAAsB;EACjCC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,gBAAGZ,QAAA;EAAAK,IAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAf,KAAA;IAAAU,MAAA;EAAA;EAAAM,QAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAlB,aAAA;IAAAmB,MAAA;EAAA;EAAAlB,aAAA;IAAAkB,MAAA;EAAA;EAAAjB,SAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAQ,OAAA;EAAA;EAAAb,eAAA;IAAAS,MAAA;EAAA;AAAA;EAAAQ,CAAA;AAAA,CA+BjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAIC,KAAK,IAAG;EAC5C,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;EACjH,MAAMC,UAAU,GAAG1B,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHP,IAAI,EAAEJ,YAAY,CAACG,oBAAoB,CAACC,IAAI,EAAEiC,UAAU,CAACjC,IAAI,EAAE,CAAC0B,aAAa,GAAGD,KAAK,CAACS,MAAM,MAAM,IAAI,IAAIR,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC1B,IAAI,CAAC;IACjKC,YAAY,EAAEL,YAAY,CAACG,oBAAoB,CAACE,YAAY,EAAE,CAAC0B,cAAc,GAAGF,KAAK,CAACS,MAAM,MAAM,IAAI,IAAIP,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,YAAY,CAAC;IAC3KC,KAAK,EAAEN,YAAY,CAACG,oBAAoB,CAACG,KAAK,EAAE+B,UAAU,CAAC/B,KAAK,EAAE,CAAC0B,cAAc,GAAGH,KAAK,CAACS,MAAM,MAAM,IAAI,IAAIN,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,KAAK,CAAC;IACxKC,aAAa,EAAEP,YAAY,CAACG,oBAAoB,CAACI,aAAa,EAAE8B,UAAU,CAACf,QAAQ,EAAEe,UAAU,CAAC9B,aAAa,EAAE,CAAC0B,cAAc,GAAGJ,KAAK,CAACS,MAAM,MAAM,IAAI,IAAIL,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,aAAa,CAAC;IAC7NC,aAAa,EAAER,YAAY,CAACG,oBAAoB,CAACK,aAAa,EAAE6B,UAAU,CAACf,QAAQ,EAAEe,UAAU,CAAC7B,aAAa,EAAE,CAAC0B,cAAc,GAAGL,KAAK,CAACS,MAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,aAAa,CAAC;IAC7NC,SAAS,EAAET,YAAY,CAACG,oBAAoB,CAACM,SAAS,EAAE4B,UAAU,CAAC5B,SAAS,EAAE,CAAC0B,cAAc,GAAGN,KAAK,CAACS,MAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,SAAS,CAAC;IACxLC,eAAe,EAAEV,YAAY,CAACG,oBAAoB,CAACO,eAAe,EAAE2B,UAAU,CAAC3B,eAAe,EAAE,CAAC0B,cAAc,GAAGP,KAAK,CAACS,MAAM,MAAM,IAAI,IAAIF,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,eAAe;EACnN,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/components/PolarChart/usePolarChartStyles.styles.raw.js

@@ -1,6 +1,6 @@
 'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { makeStyles, mergeClasses } from "@griffel/react";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
 /**
  * @internal
  */ export const polarChartClassNames = {

package/lib/components/ResponsiveContainer/ResponsiveContainer.js

@@ -1,8 +1,8 @@
 'use client';
-import * as React from 'react';
-import { getWindow } from '../../utilities/getWindow';
-import { useResponsiveChildStyles } from './useResponsiveChildStyles.styles';
-import { mergeClasses } from '@griffel/react';
+import * as React from "react";
+import { getWindow } from "../../utilities/getWindow.js";
+import { useResponsiveChildStyles } from "./useResponsiveChildStyles.styles.js";
+import { mergeClasses } from "@griffel/react";
 /**
  * Responsive Container component
  * {@docCategory ResponsiveContainer}

package/lib/components/ResponsiveContainer/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ResponsiveContainer/ResponsiveContainer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getWindow } from '../../utilities/getWindow';\nimport type { ResponsiveChildProps, ResponsiveContainerProps } from './ResponsiveContainer.types';\nimport { useResponsiveChildStyles } from './useResponsiveChildStyles.styles';\nimport { mergeClasses } from '@griffel/react';\n\n/**\n * Responsive Container component\n * {@docCategory ResponsiveContainer}\n */\nexport const ResponsiveContainer: React.FC<ResponsiveContainerProps> = props => {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const onResizeRef = React.useRef<ResponsiveContainerProps['onResize'] | undefined>(undefined);\n  const childClasses = useResponsiveChildStyles();\n\n  const [size, setSize] = React.useState<{ containerWidth?: number; containerHeight?: number }>({});\n\n  // eslint-disable-next-line react-hooks/refs\n  onResizeRef.current = props.onResize;\n\n  React.useEffect(() => {\n    const _window = getWindow(containerRef.current) as (Window & typeof globalThis) | undefined;\n    let animationFrameId: number | undefined;\n    let resizeObserver: ResizeObserver | undefined;\n\n    const resizeCallback = (entries: ResizeObserverEntry[]) => {\n      const { width: containerWidth, height: containerHeight } = entries[0].contentRect;\n      // rAF is an alternative to the throttle function. For more info, see:\n      // https://css-tricks.com/debouncing-throttling-explained-examples/#aa-requestanimationframe-raf\n      animationFrameId = _window?.requestAnimationFrame(() => {\n        // eslint-disable-next-line react-hooks/set-state-in-effect\n        setSize(prevSize => {\n          const roundedWidth = Math.floor(containerWidth);\n          const roundedHeight = Math.floor(containerHeight);\n          if (prevSize.containerWidth === roundedWidth && prevSize.containerHeight === roundedHeight) {\n            return prevSize;\n          }\n\n          return { containerWidth: roundedWidth, containerHeight: roundedHeight };\n        });\n      });\n      onResizeRef.current?.(containerWidth, containerHeight);\n    };\n\n    if (_window && _window.ResizeObserver) {\n      resizeObserver = new _window.ResizeObserver(resizeCallback);\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n    }\n\n    return () => {\n      if (animationFrameId) {\n        _window?.cancelAnimationFrame(animationFrameId);\n      }\n\n      resizeObserver?.disconnect();\n    };\n  }, []);\n\n  const chartContent = React.useMemo(() => {\n    let calculatedWidth = size.containerWidth;\n    let calculatedHeight = size.containerHeight;\n\n    if (typeof props.aspect === 'number' && props.aspect > 0) {\n      if (calculatedWidth) {\n        calculatedHeight = calculatedWidth / props.aspect;\n      } else if (calculatedHeight) {\n        calculatedWidth = calculatedHeight * props.aspect;\n      }\n\n      if (typeof props.maxHeight === 'number' && calculatedHeight && calculatedHeight > props.maxHeight) {\n        calculatedHeight = props.maxHeight;\n      }\n    }\n\n    return React.Children.map(props.children, child => {\n      return React.cloneElement<ResponsiveChildProps>(child, {\n        width: calculatedWidth,\n        height: calculatedHeight,\n        // For SankeyChart\n        shouldResize: (calculatedWidth ?? 0) + (calculatedHeight ?? 0),\n        styles: {\n          root: mergeClasses(child.props.styles?.root, childClasses.root),\n          chartWrapper: mergeClasses(child.props.styles?.chartWrapper, childClasses.chartWrapper),\n          chart: mergeClasses(child.props.styles?.chart, childClasses.chart),\n        },\n      });\n    });\n  }, [size, props.aspect, props.maxHeight, props.children]);\n\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: props.width ?? '100%',\n        height: props.height ?? '100%',\n        minWidth: props.minWidth,\n        minHeight: props.minHeight,\n        maxHeight: props.maxHeight,\n      }}\n    >\n      {chartContent}\n    </div>\n  );\n};\nResponsiveContainer.displayName = 'ResponsiveContainer';\n"],"names":["React","getWindow","useResponsiveChildStyles","mergeClasses","ResponsiveContainer","props","containerRef","useRef","onResizeRef","undefined","childClasses","size","setSize","useState","current","onResize","useEffect","_window","animationFrameId","resizeObserver","resizeCallback","entries","width","containerWidth","height","containerHeight","contentRect","requestAnimationFrame","prevSize","roundedWidth","Math","floor","roundedHeight","ResizeObserver","observe","cancelAnimationFrame","disconnect","chartContent","useMemo","calculatedWidth","calculatedHeight","aspect","maxHeight","Children","map","children","child","cloneElement","shouldResize","styles","root","chartWrapper","chart","div","ref","style","minWidth","minHeight","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/ResponsiveContainer/ResponsiveContainer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getWindow } from '../../utilities/getWindow';\nimport type { ResponsiveChildProps, ResponsiveContainerProps } from './ResponsiveContainer.types';\nimport { useResponsiveChildStyles } from './useResponsiveChildStyles.styles';\nimport { mergeClasses } from '@griffel/react';\n\n/**\n * Responsive Container component\n * {@docCategory ResponsiveContainer}\n */\nexport const ResponsiveContainer: React.FC<ResponsiveContainerProps> = props => {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const onResizeRef = React.useRef<ResponsiveContainerProps['onResize'] | undefined>(undefined);\n  const childClasses = useResponsiveChildStyles();\n\n  const [size, setSize] = React.useState<{ containerWidth?: number; containerHeight?: number }>({});\n\n  // eslint-disable-next-line react-hooks/refs\n  onResizeRef.current = props.onResize;\n\n  React.useEffect(() => {\n    const _window = getWindow(containerRef.current) as (Window & typeof globalThis) | undefined;\n    let animationFrameId: number | undefined;\n    let resizeObserver: ResizeObserver | undefined;\n\n    const resizeCallback = (entries: ResizeObserverEntry[]) => {\n      const { width: containerWidth, height: containerHeight } = entries[0].contentRect;\n      // rAF is an alternative to the throttle function. For more info, see:\n      // https://css-tricks.com/debouncing-throttling-explained-examples/#aa-requestanimationframe-raf\n      animationFrameId = _window?.requestAnimationFrame(() => {\n        // eslint-disable-next-line react-hooks/set-state-in-effect\n        setSize(prevSize => {\n          const roundedWidth = Math.floor(containerWidth);\n          const roundedHeight = Math.floor(containerHeight);\n          if (prevSize.containerWidth === roundedWidth && prevSize.containerHeight === roundedHeight) {\n            return prevSize;\n          }\n\n          return { containerWidth: roundedWidth, containerHeight: roundedHeight };\n        });\n      });\n      onResizeRef.current?.(containerWidth, containerHeight);\n    };\n\n    if (_window && _window.ResizeObserver) {\n      resizeObserver = new _window.ResizeObserver(resizeCallback);\n      if (containerRef.current) {\n        resizeObserver.observe(containerRef.current);\n      }\n    }\n\n    return () => {\n      if (animationFrameId) {\n        _window?.cancelAnimationFrame(animationFrameId);\n      }\n\n      resizeObserver?.disconnect();\n    };\n  }, []);\n\n  const chartContent = React.useMemo(() => {\n    let calculatedWidth = size.containerWidth;\n    let calculatedHeight = size.containerHeight;\n\n    if (typeof props.aspect === 'number' && props.aspect > 0) {\n      if (calculatedWidth) {\n        calculatedHeight = calculatedWidth / props.aspect;\n      } else if (calculatedHeight) {\n        calculatedWidth = calculatedHeight * props.aspect;\n      }\n\n      if (typeof props.maxHeight === 'number' && calculatedHeight && calculatedHeight > props.maxHeight) {\n        calculatedHeight = props.maxHeight;\n      }\n    }\n\n    return React.Children.map(props.children, child => {\n      return React.cloneElement<ResponsiveChildProps>(child, {\n        width: calculatedWidth,\n        height: calculatedHeight,\n        // For SankeyChart\n        shouldResize: (calculatedWidth ?? 0) + (calculatedHeight ?? 0),\n        styles: {\n          root: mergeClasses(child.props.styles?.root, childClasses.root),\n          chartWrapper: mergeClasses(child.props.styles?.chartWrapper, childClasses.chartWrapper),\n          chart: mergeClasses(child.props.styles?.chart, childClasses.chart),\n        },\n      });\n    });\n  }, [size, props.aspect, props.maxHeight, props.children]);\n\n  return (\n    <div\n      ref={containerRef}\n      style={{\n        width: props.width ?? '100%',\n        height: props.height ?? '100%',\n        minWidth: props.minWidth,\n        minHeight: props.minHeight,\n        maxHeight: props.maxHeight,\n      }}\n    >\n      {chartContent}\n    </div>\n  );\n};\nResponsiveContainer.displayName = 'ResponsiveContainer';\n"],"names":["React","getWindow","useResponsiveChildStyles","mergeClasses","ResponsiveContainer","props","containerRef","useRef","onResizeRef","undefined","childClasses","size","setSize","useState","current","onResize","useEffect","_window","animationFrameId","resizeObserver","resizeCallback","entries","width","containerWidth","height","containerHeight","contentRect","requestAnimationFrame","prevSize","roundedWidth","Math","floor","roundedHeight","ResizeObserver","observe","cancelAnimationFrame","disconnect","chartContent","useMemo","calculatedWidth","calculatedHeight","aspect","maxHeight","Children","map","children","child","cloneElement","shouldResize","styles","root","chartWrapper","chart","div","ref","style","minWidth","minHeight","displayName"],"mappings":"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"}

package/lib/components/ResponsiveContainer/index.js

@@ -1,3 +1,3 @@
-export * from './ResponsiveContainer';
-export * from './ResponsiveContainer.types';
-export * from './withResponsiveContainer';
+export * from "./ResponsiveContainer.js";
+export * from "./ResponsiveContainer.types.js";
+export * from "./withResponsiveContainer.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ResponsiveContainer/index.ts"],"sourcesContent":["export * from './ResponsiveContainer';\nexport * from './ResponsiveContainer.types';\nexport * from './withResponsiveContainer';\n"],"names":[],"mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,8BAA8B;AAC5C,cAAc,4BAA4B"}
+{"version":3,"sources":["../src/components/ResponsiveContainer/index.ts"],"sourcesContent":["export * from './ResponsiveContainer';\nexport * from './ResponsiveContainer.types';\nexport * from './withResponsiveContainer';\n"],"names":[],"mappings":"AAAA,cAAc,2BAAwB;AACtC,cAAc,iCAA8B;AAC5C,cAAc,+BAA4B"}

package/lib/components/ResponsiveContainer/useResponsiveChildStyles.styles.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles, mergeClasses } from '@griffel/react';
+import { __styles, mergeClasses } from "@griffel/react";
 export const responsiveChildClassNames = {
   root: 'fui-charts-resp-child__root',
   chartWrapper: 'fui-charts-resp-child__chartWrapper',

package/lib/components/ResponsiveContainer/useResponsiveChildStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","responsiveChildClassNames","root","chartWrapper","chart","useStyles","a9b677","Bqenvij","d","useResponsiveChildStyles","baseStyles"],"sources":["useResponsiveChildStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const responsiveChildClassNames = {\n    root: 'fui-charts-resp-child__root',\n    chartWrapper: 'fui-charts-resp-child__chartWrapper',\n    chart: 'fui-charts-resp-child__chart'\n};\nconst useStyles = makeStyles({\n    root: {\n        width: '100%',\n        height: '100%'\n    },\n    chartWrapper: {\n        width: '100%'\n    },\n    chart: {\n        // This overrides the pixel width of svg allowing it to resize properly within a flexbox or grid layout.\n        // Note: height is not set to 100% because that causes the charts to resize vertically in an infinite loop.\n        width: '100%'\n    }\n});\nexport const useResponsiveChildStyles = ()=>{\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(responsiveChildClassNames.root, baseStyles.root),\n        chartWrapper: mergeClasses(responsiveChildClassNames.chartWrapper, baseStyles.chartWrapper),\n        chart: mergeClasses(responsiveChildClassNames.chart, baseStyles.chart)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE,6BAA6B;EACnCC,YAAY,EAAE,qCAAqC;EACnDC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAG,IAAA;IAAAI,MAAA;IAAAC,OAAA;EAAA;EAAAJ,YAAA;IAAAG,MAAA;EAAA;EAAAF,KAAA;IAAAE,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAajB,CAAC;AACF,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAI;EACxC,MAAMC,UAAU,GAAGL,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHH,IAAI,EAAEF,YAAY,CAACC,yBAAyB,CAACC,IAAI,EAAEQ,UAAU,CAACR,IAAI,CAAC;IACnEC,YAAY,EAAEH,YAAY,CAACC,yBAAyB,CAACE,YAAY,EAAEO,UAAU,CAACP,YAAY,CAAC;IAC3FC,KAAK,EAAEJ,YAAY,CAACC,yBAAyB,CAACG,KAAK,EAAEM,UAAU,CAACN,KAAK;EACzE,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","responsiveChildClassNames","root","chartWrapper","chart","useStyles","a9b677","Bqenvij","d","useResponsiveChildStyles","baseStyles"],"sources":["useResponsiveChildStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nexport const responsiveChildClassNames = {\n    root: 'fui-charts-resp-child__root',\n    chartWrapper: 'fui-charts-resp-child__chartWrapper',\n    chart: 'fui-charts-resp-child__chart'\n};\nconst useStyles = makeStyles({\n    root: {\n        width: '100%',\n        height: '100%'\n    },\n    chartWrapper: {\n        width: '100%'\n    },\n    chart: {\n        // This overrides the pixel width of svg allowing it to resize properly within a flexbox or grid layout.\n        // Note: height is not set to 100% because that causes the charts to resize vertically in an infinite loop.\n        width: '100%'\n    }\n});\nexport const useResponsiveChildStyles = ()=>{\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(responsiveChildClassNames.root, baseStyles.root),\n        chartWrapper: mergeClasses(responsiveChildClassNames.chartWrapper, baseStyles.chartWrapper),\n        chart: mergeClasses(responsiveChildClassNames.chart, baseStyles.chart)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE,6BAA6B;EACnCC,YAAY,EAAE,qCAAqC;EACnDC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAG,IAAA;IAAAI,MAAA;IAAAC,OAAA;EAAA;EAAAJ,YAAA;IAAAG,MAAA;EAAA;EAAAF,KAAA;IAAAE,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAajB,CAAC;AACF,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAI;EACxC,MAAMC,UAAU,GAAGL,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHH,IAAI,EAAEF,YAAY,CAACC,yBAAyB,CAACC,IAAI,EAAEQ,UAAU,CAACR,IAAI,CAAC;IACnEC,YAAY,EAAEH,YAAY,CAACC,yBAAyB,CAACE,YAAY,EAAEO,UAAU,CAACP,YAAY,CAAC;IAC3FC,KAAK,EAAEJ,YAAY,CAACC,yBAAyB,CAACG,KAAK,EAAEM,UAAU,CAACN,KAAK;EACzE,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/components/ResponsiveContainer/useResponsiveChildStyles.styles.raw.js

@@ -1,5 +1,5 @@
 'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
+import { makeStyles, mergeClasses } from "@griffel/react";
 export const responsiveChildClassNames = {
     root: 'fui-charts-resp-child__root',
     chartWrapper: 'fui-charts-resp-child__chartWrapper',

package/lib/components/ResponsiveContainer/withResponsiveContainer.js

@@ -1,6 +1,6 @@
 'use client';
-/* eslint-disable @typescript-eslint/no-explicit-any */ import * as React from 'react';
-import { ResponsiveContainer } from './ResponsiveContainer';
+/* eslint-disable @typescript-eslint/no-explicit-any */ import * as React from "react";
+import { ResponsiveContainer } from "./ResponsiveContainer.js";
 /**
  * An HOC to update wrapped component on container resize.
  * {@docCategory ResponsiveContainer}

package/lib/components/ResponsiveContainer/withResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ResponsiveContainer/withResponsiveContainer.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\nimport { ResponsiveContainer } from './ResponsiveContainer';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer.types';\n\n/**\n * An HOC to update wrapped component on container resize.\n * {@docCategory ResponsiveContainer}\n */\nexport function withResponsiveContainer<TProps extends Omit<ResponsiveContainerProps, 'children'>>(\n  WrappedComponent: React.ComponentType<TProps>,\n): React.FC<TProps> {\n  const ComponentWithResponsiveContainer: React.FC<TProps> = ({\n    aspect,\n    width,\n    height,\n    minWidth,\n    minHeight,\n    maxHeight,\n    onResize,\n    ...restProps\n  }) => {\n    return (\n      <ResponsiveContainer\n        aspect={aspect}\n        width={width}\n        height={height}\n        minWidth={minWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        onResize={onResize}\n      >\n        <WrappedComponent {...(restProps as any)} />\n      </ResponsiveContainer>\n    );\n  };\n\n  return ComponentWithResponsiveContainer;\n}\n"],"names":["React","ResponsiveContainer","withResponsiveContainer","WrappedComponent","ComponentWithResponsiveContainer","aspect","width","height","minWidth","minHeight","maxHeight","onResize","restProps"],"mappings":"AAAA;AAEA,qDAAqD,GACrD,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,wBAAwB;AAG5D;;;CAGC,GACD,OAAO,SAASC,wBACdC,gBAA6C;IAE7C,MAAMC,mCAAqD,CAAC,EAC1DC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACJ;QACC,qBACE,oBAACX;YACCI,QAAQA;YACRC,OAAOA;YACPC,QAAQA;YACRC,UAAUA;YACVC,WAAWA;YACXC,WAAWA;YACXC,UAAUA;yBAEV,oBAACR,kBAAsBS;IAG7B;IAEA,OAAOR;AACT"}
+{"version":3,"sources":["../src/components/ResponsiveContainer/withResponsiveContainer.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\nimport { ResponsiveContainer } from './ResponsiveContainer';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer.types';\n\n/**\n * An HOC to update wrapped component on container resize.\n * {@docCategory ResponsiveContainer}\n */\nexport function withResponsiveContainer<TProps extends Omit<ResponsiveContainerProps, 'children'>>(\n  WrappedComponent: React.ComponentType<TProps>,\n): React.FC<TProps> {\n  const ComponentWithResponsiveContainer: React.FC<TProps> = ({\n    aspect,\n    width,\n    height,\n    minWidth,\n    minHeight,\n    maxHeight,\n    onResize,\n    ...restProps\n  }) => {\n    return (\n      <ResponsiveContainer\n        aspect={aspect}\n        width={width}\n        height={height}\n        minWidth={minWidth}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        onResize={onResize}\n      >\n        <WrappedComponent {...(restProps as any)} />\n      </ResponsiveContainer>\n    );\n  };\n\n  return ComponentWithResponsiveContainer;\n}\n"],"names":["React","ResponsiveContainer","withResponsiveContainer","WrappedComponent","ComponentWithResponsiveContainer","aspect","width","height","minWidth","minHeight","maxHeight","onResize","restProps"],"mappings":"AAAA;AAEA,qDAAqD,GACrD,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,2BAAwB;AAG5D;;;CAGC,GACD,OAAO,SAASC,wBACdC,gBAA6C;IAE7C,MAAMC,mCAAqD,CAAC,EAC1DC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACJ;QACC,qBACE,oBAACX;YACCI,QAAQA;YACRC,OAAOA;YACPC,QAAQA;YACRC,UAAUA;YACVC,WAAWA;YACXC,WAAWA;YACXC,UAAUA;yBAEV,oBAACR,kBAAsBS;IAG7B;IAEA,OAAOR;AACT"}

package/lib/components/SankeyChart/SankeyChart.js

@@ -1,18 +1,18 @@
 'use client';
-import * as React from 'react';
-import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
-import { tokens } from '@fluentui/react-theme';
-import { useId } from '@fluentui/react-utilities';
-import { sum as d3Sum } from 'd3-array';
-import { sankey as d3Sankey, sankeyJustify, sankeyRight } from 'd3-sankey';
-import { select, selectAll } from 'd3-selection';
-import { area as d3Area, curveBumpX as d3CurveBasis } from 'd3-shape';
-import { useSankeyChartStyles } from './useSankeyChartStyles.styles';
-import { ChartPopover } from '../CommonComponents/index';
-import { useArrowNavigationGroup } from '@fluentui/react-tabster';
-import { format } from '../../utilities/string';
-import { useImageExport } from '../../utilities/hooks';
-import { ChartTitle, CHART_TITLE_PADDING } from '../../utilities/index';
+import * as React from "react";
+import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
+import { tokens } from "@fluentui/react-theme";
+import { useId } from "@fluentui/react-utilities";
+import { sum as d3Sum } from "d3-array";
+import { sankey as d3Sankey, sankeyJustify, sankeyRight } from "d3-sankey";
+import { select, selectAll } from "d3-selection";
+import { area as d3Area, curveBumpX as d3CurveBasis } from "d3-shape";
+import { useSankeyChartStyles } from "./useSankeyChartStyles.styles.js";
+import { ChartPopover } from "../CommonComponents/index.js";
+import { useArrowNavigationGroup } from "@fluentui/react-tabster";
+import { format } from "../../utilities/string.js";
+import { useImageExport } from "../../utilities/hooks.js";
+import { ChartTitle, CHART_TITLE_PADDING } from "../../utilities/index.js";
 const PADDING_PERCENTAGE = 0.3;
 const NON_SELECTED_NODE_AND_STREAM_COLOR = '#757575';
 const DEFAULT_NODE_COLORS = [