npm - @fluentui/react-charting - Versions diffs - 5.23.63 → 5.23.64 - Mend

@fluentui/react-charting 5.23.63 → 5.23.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1428) hide show

package/lib-commonjs/components/SankeyChart/SankeyChart.base.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SankeyChart.base.js","sourceRoot":"../src/","sources":["components/SankeyChart/SankeyChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';\nimport { IProcessedStyleSet, ITheme } from '@fluentui/react/lib/Styling';\nimport {\n IStyleFunctionOrObject,\n classNamesFunction,\n format,\n getId,\n getRTL,\n initializeComponentRef,\n memoizeFunction,\n} from '@fluentui/react/lib/Utilities';\nimport { sum as d3Sum } from 'd3-array';\nimport { SankeyGraph, SankeyLayout, sankey as d3Sankey, sankeyJustify, sankeyRight } from 'd3-sankey';\nimport { BaseType, Selection as D3Selection, select, selectAll } from 'd3-selection';\nimport { area as d3Area, curveBumpX as d3CurveBasis } from 'd3-shape';\nimport * as React from 'react';\nimport { IBasestate, IChart, IImageExportOptions, SLink, SNode } from '../../types/IDataPoint';\nimport { ChartHoverCard } from '../../utilities/ChartHoverCard/ChartHoverCard';\nimport { IChartHoverCardProps } from '../../utilities/ChartHoverCard/ChartHoverCard.types';\nimport { IMargins } from '../../utilities/utilities';\nimport {\n ISankeyChartAccessibilityProps,\n ISankeyChartData,\n ISankeyChartProps,\n ISankeyChartStrings,\n ISankeyChartStyleProps,\n ISankeyChartStyles,\n} from './SankeyChart.types';\nimport { toImage } from '../../utilities/image-export-utils';\n\nconst getClassNames = classNamesFunction<ISankeyChartStyleProps, ISankeyChartStyles>();\nconst PADDING_PERCENTAGE = 0.3;\n\ntype NodeId = number | string;\ntype ItemValues<T> = { [key: NodeId]: T };\ntype NodeValues = ItemValues<number>;\ntype LinkItemValues<T> = { [key: NodeId]: ItemValues<T> };\ntype LinkValues = LinkItemValues<number>;\n\ntype NodesInColumns = { [key: number]: SNode[] };\ntype NormalizedData = ISankeyChartData & {\n width: number;\n height: number;\n};\n\ntype NormalizeDiagramFunction = (\n data: ISankeyChartData,\n containerWidth: number,\n containerHeight: number,\n colorsForNodes: string[] | undefined,\n borderColorsForNodes: string[] | undefined,\n) => NormalizedData;\n\ntype NodeColors = { fillColor: string; borderColor: string };\ntype SankeyLayoutGenerator = SankeyLayout<SankeyGraph<{}, {}>, {}, {}>;\n\nexport interface ISankeyChartState extends IBasestate, IChartHoverCardProps {\n containerWidth: number;\n containerHeight: number;\n selectedState: boolean;\n selectedLinks: Set<Number>;\n selectedNodes: Set<Number>;\n selectedNode?: SNode;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n refSelected?: any;\n selectedLink?: SLink;\n shouldOverflow: boolean;\n}\n\nconst NON_SELECTED_NODE_AND_STREAM_COLOR: string = '#757575';\nconst DEFAULT_NODE_COLORS: NodeColors[] = [\n { fillColor: '#00758F', borderColor: '#002E39' },\n { fillColor: '#77004D', borderColor: '#43002C' },\n { fillColor: '#4F6BED', borderColor: '#3B52B4' },\n { fillColor: '#937600', borderColor: '#6D5700' },\n { fillColor: '#286EA8', borderColor: '#00457E' },\n { fillColor: '#A43FB1', borderColor: '#7C158A' },\n { fillColor: '#CC3595', borderColor: '#7F215D' },\n { fillColor: '#0E7878', borderColor: '#004E4E' },\n { fillColor: '#8764B8', borderColor: '#4B3867' },\n { fillColor: '#9C663F', borderColor: '#6D4123' },\n];\n\nconst MIN_HEIGHT_FOR_DOUBLINE_TYPE = 36;\nconst MIN_HEIGHT_FOR_TYPE = 24;\nconst REST_STREAM_OPACITY: number = 1;\nconst NON_SELECTED_OPACITY: number = 1;\nconst SELECTED_STREAM_OPACITY: number = 0.3;\nconst NON_SELECTED_STREAM_BORDER_OPACITY: number = 0.5;\nconst DEFAULT_TEXT_COLOR: string = '#323130';\nconst NON_SELECTED_TEXT_COLOR: string = '#FFFFFF';\nconst NODE_WIDTH = 124;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getSelectedNodes(selectedLinks: Set<SLink>): any[] {\n const nodes: SNode[] = [];\n selectedLinks.forEach(link => {\n nodes.push(link.target as SNode);\n\n if (nodes.indexOf(link.source as SNode) === -1) {\n nodes.push(link.source as SNode);\n }\n });\n return nodes;\n}\n\nfunction getSelectedLinks(singleNode: SNode): Set<SLink> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any, no-array-constructor\n const q: any = new Array<any>();\n const finalLinks: Set<SLink> = new Set<SLink>();\n\n singleNode.sourceLinks!.forEach((link: SLink) => {\n q.push(link);\n finalLinks.add(link);\n });\n\n while (q.length > 0) {\n const poppedLink: SLink = q.shift();\n const node: SNode = poppedLink.target as SNode;\n if (node && node.sourceLinks) {\n node.sourceLinks.forEach((link: SLink) => {\n finalLinks.add(link);\n q.push(link);\n });\n }\n }\n\n if (singleNode.targetLinks) {\n singleNode.targetLinks.forEach((link: SLink) => {\n q.push(link);\n finalLinks.add(link);\n });\n }\n\n while (q.length > 0) {\n const poppedLink: SLink = q.shift();\n const node: SNode = poppedLink.source as SNode;\n if (node && node.targetLinks) {\n node.targetLinks.forEach((link: SLink) => {\n finalLinks.add(link);\n q.push(link);\n });\n }\n }\n\n return finalLinks;\n}\n\nfunction getSelectedLinksforStreamHover(singleLink: SLink): {\n selectedLinks: Set<SLink>;\n selectedNodes: Set<SNode>;\n} {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any, no-array-constructor\n const q: any = new Array<any>();\n const finalLinks: Set<SLink> = new Set<SLink>();\n const finalNodes: Set<SNode> = new Set<SNode>();\n\n q.push(singleLink.source);\n finalLinks.add(singleLink);\n while (q.length > 0) {\n const poppedNode: SNode = q.shift();\n finalNodes.add(poppedNode);\n if (poppedNode.targetLinks && poppedNode.targetLinks.length > 0) {\n poppedNode.targetLinks.forEach((link: SLink) => {\n q.push(link.source);\n finalLinks.add(link);\n });\n }\n }\n\n q.push(singleLink.target);\n\n while (q.length > 0) {\n const poppedNode: SNode = q.shift();\n finalNodes.add(poppedNode);\n if (poppedNode.sourceLinks && poppedNode.sourceLinks.length > 0) {\n poppedNode.sourceLinks.forEach((link: SLink) => {\n q.push(link.target);\n finalLinks.add(link);\n });\n }\n }\n\n return {\n selectedLinks: finalLinks,\n selectedNodes: finalNodes,\n };\n}\n\n/**\n * This is used to group nodes by column index.\n */\n// This is exported for unit tests.\nexport function groupNodesByColumn(graph: ISankeyChartData) {\n const nodesInColumn: NodesInColumns = {};\n graph.nodes.forEach((node: SNode) => {\n const columnId = node.layer!;\n if (nodesInColumn[columnId]) {\n nodesInColumn[columnId].push(node);\n } else {\n nodesInColumn[columnId] = [node];\n }\n });\n return nodesInColumn;\n}\n\n/**\n * This is used to normalize the nodes value whose value is less than 1% of the total column value.\n */\nfunction adjustOnePercentHeightNodes(\n nodesInColumn: NodesInColumns,\n computedNodes: NodeValues,\n originalLinks: LinkValues,\n): void {\n const totalColumnValue = Object.values(nodesInColumn).map((column: SNode[]) => {\n return d3Sum(column, (node: SNode) => node.value);\n });\n totalColumnValue.forEach((columnValue: number, index: number) => {\n let totalPercentage = 0;\n const onePercent = 0.01 * columnValue;\n const columnNodes = nodesInColumn[index];\n columnNodes.forEach((node: SNode) => {\n const value = computedNodes[node.nodeId];\n const nodePercentage = (value / columnValue) * 100;\n node.actualValue = value;\n //if the value is less than 1% then we are making it as 1% of total .\n if (nodePercentage < 1) {\n node.value = onePercent;\n totalPercentage = totalPercentage + 1;\n } else {\n totalPercentage = totalPercentage + nodePercentage;\n }\n });\n //since we have adjusted the value to be 1% but we need to keep the sum of the percentage value under 100.\n const scalingRatio = totalPercentage !== 0 ? totalPercentage / 100 : 1;\n if (scalingRatio > 1) {\n // Loop through each node in that column and scale that node--and its incoming and outgoing links--by the\n // scaling ratio. We need the sankey diagram to re-layout the nodes and links after we do this.\n columnNodes.forEach((node: SNode) => {\n const normalized = (node.value = node.value! / scalingRatio);\n // Which Original Value? and Which Normalized Value is needed, here? The Node? The Link? Both?\n changeColumnValue(node, computedNodes[node.nodeId], normalized, originalLinks);\n });\n }\n });\n}\n\n/**\n * This is used for normalizing each link's value to reflect the normalized node value.\n */\nfunction changeColumnValue(\n node: SNode,\n originalNodeValue: number,\n normalizedNodeValue: number,\n linkValues: LinkValues,\n) {\n // For each link in the source and target, compute the proportion that this link contributes to the total\n // then adjust the link's value to reflect its proportion of the normalized node value.\n const updateLinkValue = (link: SLink) => {\n const value = linkValue(linkValues, link);\n link.unnormalizedValue = value;\n const linkRatio = value / originalNodeValue;\n link.value = Math.max(normalizedNodeValue * linkRatio, link.value);\n };\n node.sourceLinks!.forEach(updateLinkValue);\n node.targetLinks!.forEach(updateLinkValue);\n}\n\n/**\n * This is used for calculating the node non normalized value based on link non normalized value.\n * The links have the original weights. Computed nodes have the total weight of all incoming and outgoing links.\n */\nfunction populateNodeActualValue(data: ISankeyChartData, computedNodes: NodeValues, originalLinks: LinkValues) {\n data.links.forEach((link: SLink) => {\n if (!link.unnormalizedValue) {\n link.unnormalizedValue = linkValue(originalLinks, link);\n }\n });\n data.nodes.forEach((node: SNode) => {\n node.actualValue = computedNodes[node.nodeId as NodeId];\n });\n}\n\n/**\n * This is used to introduce dynamic padding for cases where the number of nodes in a column is huge\n * so that we maintain a node to space ratio for such columns as if we fail to do so the\n * chart is devoid of nodes and only shows links.\n */\n// This is exported for unit tests\nexport function adjustPadding(sankey: SankeyLayoutGenerator, height: number, nodesInColumn: NodesInColumns): void {\n let padding = sankey.nodePadding();\n const minPadding = PADDING_PERCENTAGE * height;\n Object.values(nodesInColumn).forEach((column: SNode[]) => {\n const totalPaddingInColumn = height - d3Sum(column, (node: SNode) => node.y1! - node.y0!);\n if (minPadding < totalPaddingInColumn) {\n // Here we are calculating the min of default and calculated padding, we will not increase the padding\n // in any scenario.\n padding = Math.min(padding, minPadding / (column.length - 1));\n }\n });\n sankey.nodePadding(padding);\n}\n\nfunction idFromNumberOrSNode(node: SNode | number): NodeId {\n if (typeof node === 'number') {\n return node;\n }\n return node.nodeId as NodeId;\n}\n\n/**\n * Duplicates the supplied chart data so that we do not alter the original.\n * @param data The data to duplicate.\n * @returns The duplicated data.\n */\nfunction duplicateData(data: ISankeyChartData): ISankeyChartData {\n return {\n nodes: data.nodes.map(\n (node: SNode): SNode => ({\n ...node,\n }),\n ),\n links: data.links.map(\n (link: SLink): SLink => ({\n ...link,\n }),\n ),\n };\n}\n\nfunction valuesOfNodes(nodes: SNode[]): NodeValues {\n const result: NodeValues = {};\n nodes.forEach((node: SNode) => {\n result[node.nodeId as NodeId] = node.value!;\n });\n return result;\n}\n\nfunction valuesOfLinks(links: SLink[]): LinkValues {\n const result: LinkValues = {};\n links.forEach((link: SLink) => {\n const sourceId = idFromNumberOrSNode(link.source);\n let sourceToTarget = result[sourceId];\n if (!sourceToTarget) {\n sourceToTarget = {};\n result[sourceId] = sourceToTarget;\n }\n sourceToTarget[idFromNumberOrSNode(link.target)] = link.value;\n });\n return result;\n}\n\nfunction linkValue<T>(originalLinks: LinkItemValues<T>, link: SLink): T {\n return originalLinks[idFromNumberOrSNode(link.source)][idFromNumberOrSNode(link.target)];\n}\n\n// This is exported for unit tests.\nexport function preRenderLayout(\n margins: IMargins,\n containerWidth: number,\n containerHeight: number,\n isRtl: boolean,\n): { sankey: SankeyLayoutGenerator; height: number; width: number } {\n const { left, right, top, bottom } = margins;\n const width = containerWidth - right!;\n const height = containerHeight - bottom! > 0 ? containerHeight - bottom! : 0;\n\n const sankey = d3Sankey()\n .nodeWidth(NODE_WIDTH)\n .extent([\n [left!, top!],\n [width - 1, height - 6],\n ])\n .nodeAlign(isRtl ? sankeyRight : sankeyJustify);\n\n return { sankey, height, width };\n}\n\nconst elipsis = '...';\n\n/**\n * This is used to assign node fillcolors and borderColor cyclically when the user doesnt\n * provide color to individual node.\n */\nfunction assignNodeColors(\n nodes: SNode[],\n colorsForNodes: string[] | undefined,\n borderColorsForNodes: string[] | undefined,\n) {\n let colors: string[];\n let borders: string[];\n if (colorsForNodes && borderColorsForNodes) {\n colors = colorsForNodes;\n borders = borderColorsForNodes;\n } else {\n colors = DEFAULT_NODE_COLORS.map(color => color.fillColor);\n borders = DEFAULT_NODE_COLORS.map(color => color.borderColor);\n }\n let currentIndex = 0;\n nodes.forEach((node: SNode) => {\n if (!node.color && !node.borderColor) {\n node.color = colors[currentIndex];\n node.borderColor = borders[currentIndex];\n } else if (node.color && !node.borderColor) {\n node.borderColor = '#757575';\n } else if (node.borderColor && !node.color) {\n node.color = '#F5F5F5';\n }\n currentIndex = (currentIndex + 1) % colors.length;\n });\n}\n\n/**\n * Takes in the display name for the node and potentially returns a trimmed version of the name.\n * @param tspan the `tspan` element to use for text visual length measurement\n * @param text is the text which we will potentially truncate\n * @param rectangleWidth is the width of the rectangle which will contain the text\n * @param padding is the space we need to leave between the rect lines and other text\n * @returns the name to show on the node which might be the truncated `text` if the `text` is too long\n */\nfunction truncateText(tspan: TSpanForTextMeasuring, text: string, rectangleWidth: number, padding: number) {\n // NOTE: This method is the most-expensive in terms of rerendering components.\n const textLengthForNodeName = rectangleWidth - padding; // This can likely be computed once and passed in.\n // The following `select` statement injects a `tempText` element into the DOM. This injection\n // (and subsequent removal) is causing a layout recalculation. This is a performance issue.\n // Note that this code will always inject a `tempText` element, but doesn't always remove it. This is a bug.\n if (fitsWithinNode(tspan, text, textLengthForNodeName)) {\n return text;\n }\n // Computing the size of elipsis is performed with each node. This should be computed once and used everywhere.\n // TODO: Compute the size of the elipsis once and use it everywhere.\n const elipsisLength = computeElipsisLength(tspan);\n let line: string = '';\n // Calculate how much of the original text to show.\n // TODO: The folllowing is O(n). We could use a binary search to make this faster: O(log(n)).\n for (let i = 0; i < text.length; i++) {\n line += text[i];\n tspan.text(line);\n const currentNode = tspan.node();\n if (currentNode !== null) {\n const w = currentNode!.getComputedTextLength();\n if (w >= textLengthForNodeName - elipsisLength) {\n line = line.slice(0, -1);\n line += elipsis;\n break;\n }\n }\n }\n tspan.text(null);\n return line;\n}\n\ntype RenderedNodeAttributes = {\n readonly reactId: string;\n readonly gElementId: string;\n readonly name: string;\n readonly aria: string;\n readonly trimmed: boolean;\n readonly height: number;\n readonly weightOffset: number;\n};\n\ntype RenderedLinkAttributes = {\n readonly reactId: string;\n readonly aria: string;\n readonly from: string;\n};\n\ntype TSpanForTextMeasuring = D3Selection<SVGTSpanElement, unknown, HTMLElement, unknown>;\n\nfunction fitsWithinNode(tspan: TSpanForTextMeasuring, text: string, textLengthForNodeName: number): boolean {\n const measurement = measureText(tspan, text);\n if (measurement === undefined) {\n return false;\n }\n return measurement <= textLengthForNodeName;\n}\n\nfunction measureText(tspan: TSpanForTextMeasuring, text: string | number): number | undefined {\n try {\n tspan.text(text);\n return tspan.node()?.getComputedTextLength();\n } finally {\n tspan.text(null);\n }\n}\n\nfunction computeElipsisLength(tspan: TSpanForTextMeasuring): number {\n const measurement = measureText(tspan, elipsis);\n return measurement === undefined ? 0 : measurement;\n}\n\nfunction computeLinkAttributes(\n links: SLink[],\n linkFrom: (node: SNode) => string,\n linkAriaLabel: (link: SLink) => string,\n): LinkItemValues<RenderedLinkAttributes> {\n const result: LinkItemValues<RenderedLinkAttributes> = {};\n links.forEach((link: SLink) => {\n const sourceId = idFromNumberOrSNode(link.source);\n let sourceToTarget = result[sourceId];\n if (!sourceToTarget) {\n sourceToTarget = {};\n result[sourceId] = sourceToTarget;\n }\n sourceToTarget[idFromNumberOrSNode(link.target)] = {\n reactId: getId('link'),\n from: linkFrom(link.source as SNode),\n aria: linkAriaLabel(link),\n };\n });\n\n return result;\n}\n\ntype ItemPositions = {\n readonly x0: number;\n readonly y0: number;\n readonly x1: number;\n readonly y1: number;\n};\n\ntype SankeyLinkWithPositions = ItemPositions & {\n readonly source: ItemPositions;\n readonly target: ItemPositions;\n readonly width: number;\n};\n\ntype AreaDataPoint = {\n readonly x: number;\n readonly y0: number;\n readonly y1: number;\n};\n\nconst linkToDataPoints = (d: SankeyLinkWithPositions): [AreaDataPoint, AreaDataPoint] => {\n const halfWidth = d.width * 0.5;\n const y0 = d.y0;\n const y1 = d.y1;\n return [\n { x: d.source.x1, y0: y0 + halfWidth, y1: y0 - halfWidth },\n { x: d.target.x0, y0: y1 + halfWidth, y1: y1 - halfWidth },\n ];\n};\n\nconst linkArea = d3Area<AreaDataPoint>()\n .x((p: AreaDataPoint) => p.x)\n .y0((p: AreaDataPoint) => p.y0)\n .y1((p: AreaDataPoint) => p.y1)\n .curve(d3CurveBasis);\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype TooltipDiv = D3Selection<BaseType, unknown, HTMLElement, any>;\n\nfunction nodeTextColor(state: Readonly<ISankeyChartState>, singleNode: SNode): string {\n return !(\n !state.selectedState ||\n (state.selectedNodes.has(singleNode.index!) && state.selectedNode) ||\n !state.selectedNode\n )\n ? DEFAULT_TEXT_COLOR\n : NON_SELECTED_TEXT_COLOR;\n}\n\ntype StringRenderer = {\n linkFrom: (node: SNode) => string;\n};\n\ntype AccessibilityRenderer = {\n emptyAriaLabel: string;\n nodeAriaLabel: (node: SNode, weight: number) => string;\n linkAriaLabel: (link: SLink) => string;\n};\n\n// NOTE: To start employing React.useMemo properly, we need to convert this code from a React.Component\n// to a function component. This will require a significant refactor of the code in this file.\n// https://stackoverflow.com/questions/60223362/fast-way-to-convert-react-class-component-to-functional-component\n// I am concerned that doing so would break this contract, making it difficult for consuming code.\nexport class SankeyChartBase extends React.Component<ISankeyChartProps, ISankeyChartState> implements IChart {\n public static defaultProps: Partial<ISankeyChartProps> = {\n enableReflow: true,\n };\n\n public chartContainer: HTMLDivElement;\n private _reqID: number;\n private readonly _calloutId: string;\n private readonly _linkId: string;\n private readonly _chartId: string;\n private readonly _emptyChartId: string;\n private readonly _labelTooltipId: string;\n private readonly _margins: IMargins;\n private readonly _isRtl: boolean = getRTL();\n private _numColumns: number = 0;\n\n private readonly _computeClassNamesProps: (\n theme: ITheme,\n pathColor: string,\n className: string,\n containerWidth: number,\n containerHeight: number,\n enableReflow: boolean | undefined,\n ) => ISankeyChartStyleProps;\n private readonly _computeClassNames: (\n styles: IStyleFunctionOrObject<ISankeyChartStyleProps, ISankeyChartStyles>,\n classNamesProps: ISankeyChartStyleProps,\n ) => IProcessedStyleSet<ISankeyChartStyles>;\n private readonly _normalizeData: NormalizeDiagramFunction;\n private readonly _fetchTooltip: (classNames: IProcessedStyleSet<ISankeyChartStyles>) => TooltipDiv;\n private readonly _nodeAttributes: (\n nodes: SNode[],\n nodeAriaLabel: (node: SNode, weight: number) => string,\n ) => ItemValues<RenderedNodeAttributes>;\n private readonly _linkAttributes: (\n links: SLink[],\n linkFrom: (node: SNode) => string,\n linkAriaLabel: (link: SLink) => string,\n ) => LinkItemValues<RenderedLinkAttributes>;\n private readonly _fetchNodes: (\n classNames: IProcessedStyleSet<ISankeyChartStyles>,\n nodes: SNode[],\n nodeAttributes: ItemValues<RenderedNodeAttributes>,\n tooltipDiv: TooltipDiv,\n ) => React.ReactNode[] | undefined;\n private readonly _fetchLinks: (\n links: SLink[],\n linkAttributes: LinkItemValues<RenderedLinkAttributes>,\n ) => React.ReactNode[] | undefined;\n\n private readonly _strings: StringRenderer;\n private readonly _accessibility: AccessibilityRenderer;\n\n constructor(props: ISankeyChartProps) {\n super(props);\n\n initializeComponentRef(this);\n\n this.state = {\n containerHeight: 468,\n containerWidth: 912,\n selectedState: false,\n selectedLinks: new Set<number>(),\n selectedNodes: new Set<number>(),\n shouldOverflow: false,\n isCalloutVisible: false,\n };\n this._calloutId = getId('callout');\n this._linkId = getId('link');\n this._chartId = getId('sankeyChart');\n this._emptyChartId = getId('_SankeyChart_empty');\n this._labelTooltipId = getId('tooltip');\n this._margins = { top: 36, right: 48, bottom: 32, left: 48 };\n // We memo-ize creation so that we only create a new object when any of the fields change.\n this._computeClassNamesProps = memoizeFunction(\n (\n theme: ITheme,\n pathColor: string,\n className: string,\n containerWidth: number,\n containerHeight: number,\n enableReflow: boolean | undefined,\n ): ISankeyChartStyleProps => ({\n theme: theme!,\n width: containerWidth,\n height: containerHeight,\n pathColor,\n className,\n enableReflow,\n }),\n );\n // `getClassNames` is memoized underneath, so it only recomputes when the `styles` or `classNamesProps` change.\n // We memoize `classNamesProps` so that we only create new class names when absolutely necessary,\n // and so that we can memoize the `_createNodes` method.\n this._computeClassNames = memoizeFunction(\n (\n styles: IStyleFunctionOrObject<ISankeyChartStyleProps, ISankeyChartStyles>,\n classNamesProps: ISankeyChartStyleProps,\n ) => getClassNames(styles, classNamesProps),\n );\n this._normalizeData = memoizeFunction(\n (\n data: ISankeyChartData,\n containerWidth: number,\n containerHeight: number,\n colorsForNodes: string[] | undefined,\n borderColorsForNodes: string[] | undefined,\n ) => this._normalizeSankeyData(data, containerWidth, containerHeight, colorsForNodes, borderColorsForNodes),\n );\n this._fetchTooltip = memoizeFunction((classNames: IProcessedStyleSet<ISankeyChartStyles>) =>\n this._labelTooltipDiv(classNames),\n );\n // Prepare the localization utilities\n this._strings = memoizeFunction((strings?: ISankeyChartStrings): StringRenderer => {\n const fromString = strings?.linkFrom || 'From {0}';\n // NOTE: The `node` parameter is the sankey-generated node on the link, and not the original `node` supplied\n // by the caller.\n return {\n linkFrom: (node: SNode) => format(fromString, node.name),\n };\n })(props.strings);\n this._accessibility = memoizeFunction((accessibility?: ISankeyChartAccessibilityProps): AccessibilityRenderer => {\n const linkString = accessibility?.linkAriaLabel || 'link from {0} to {1} with weight {2}';\n const nodeString = accessibility?.nodeAriaLabel || 'node {0} with weight {1}';\n return {\n emptyAriaLabel: accessibility?.emptyAriaLabel || 'Graph has no data to display',\n linkAriaLabel: (link: SLink) =>\n format(\n linkString,\n (link.source as SNode).name,\n (link.target as SNode).name,\n link.unnormalizedValue ? this._formatNumber(link.unnormalizedValue) : link.unnormalizedValue,\n ),\n nodeAriaLabel: (node: SNode, weight: number) => format(nodeString, node.name, this._formatNumber(weight)),\n };\n })(props.accessibility);\n // NOTE: Memoizing the `_createNodes` and `_createLinks` methods would break the hoverability of the chart\n // because the nodes are currently created differently based on the layout information. Hence why we do not\n // memoize these methods (but have stubs for memoizing as the `_fetchNodes` and `_fetchLinks` methods).\n this._nodeAttributes = memoizeFunction((nodes: SNode[], nodeAriaLabel: (node: SNode, weight: number) => string) =>\n this._computeNodeAttributes(nodes, nodeAriaLabel),\n );\n this._fetchNodes = (\n classNames: IProcessedStyleSet<ISankeyChartStyles>,\n nodes: SNode[],\n nodeAttributes: ItemValues<RenderedNodeAttributes>,\n tooltipDiv: TooltipDiv,\n ) => this._createNodes(classNames, nodes, nodeAttributes, tooltipDiv);\n this._linkAttributes = memoizeFunction(\n (links: SLink[], linkFrom: (node: SNode) => string, linkAriaLabel: (link: SLink) => string) =>\n computeLinkAttributes(links, linkFrom, linkAriaLabel),\n );\n this._fetchLinks = (links: SLink[], linkAttributes: LinkItemValues<RenderedLinkAttributes>) =>\n this._createLinks(links, linkAttributes);\n // Our shorter path to performance is to pre-compute the truncated labels of each node because\n // that should not change based on the position of the mouse. This is a shorter path becase the code which\n // computes the truncated labels creates and destroys a `tempText` element in the DOM. This is causing a\n // reflow and repaint of the entire chart. This is a performance issue, and so computing the truncated labels\n // once will help to mitigate this issue.\n }\n\n public componentDidMount(): void {\n this._fitParentContainer();\n }\n\n public componentDidUpdate(prevProps: ISankeyChartProps): void {\n if (prevProps.shouldResize !== this.props.shouldResize) {\n this._fitParentContainer();\n }\n }\n\n public componentWillUnmount(): void {\n cancelAnimationFrame(this._reqID);\n }\n\n public render(): React.ReactNode {\n if (!this._isChartEmpty()) {\n const { theme, className, styles, pathColor, colorsForNodes, borderColorsForNodes } = this.props;\n const state = this.state;\n const classNamesProps = this._computeClassNamesProps(\n theme!,\n pathColor!,\n className!,\n state.containerWidth,\n state.containerHeight,\n this.props.enableReflow,\n );\n const classNames: IProcessedStyleSet<ISankeyChartStyles> = this._computeClassNames(styles!, classNamesProps);\n\n // Compute the position of each node and link\n const { nodes, links, width, height } = this._normalizeData(\n this.props.data.SankeyChartData!,\n state.containerWidth,\n state.containerHeight,\n colorsForNodes,\n borderColorsForNodes,\n );\n\n // In FocusZone, the focus order is determined by the rendering order of the elements. We need to find\n // a rendering order such that the focus moves through the nodes and links in a logical sequence.\n // Rendering the nodes and links layer by layer in a vertical order seems to be the most effective solution\n // with FocusZone. Although this focus order may not be entirely logical, it ensures that the focus moves\n // sequentially and prevents links (especially skip layer links) from being rendered over the nodes.\n const nodeLinkDomOrderArray: { layer: number; type: string; index: number }[] = [];\n nodes.sort((a: SNode, b: SNode) => {\n if (a.x0 !== b.x0) {\n return a.x0! - b.x0!;\n }\n return a.y0! - b.y0!;\n });\n nodes.forEach((item: SNode, index) => {\n nodeLinkDomOrderArray.push({ layer: item.layer!, type: 'node', index });\n });\n links.sort((a: SLink, b: SLink) => {\n const asx0 = (a.source as SNode).x0;\n const bsx0 = (b.source as SNode).x0;\n if (asx0 !== bsx0) {\n return asx0! - bsx0!;\n }\n return a.y0! - b.y0!;\n });\n links.forEach((item: SLink, index) => {\n nodeLinkDomOrderArray.push({ layer: (item.source as SNode).layer!, type: 'link', index });\n });\n nodeLinkDomOrderArray.sort((a, b) => {\n if (a.layer !== b.layer) {\n return a.layer - b.layer;\n }\n\n if (a.type > b.type) {\n return -1;\n }\n if (a.type < b.type) {\n return 1;\n }\n return 0;\n });\n\n // NOTE: I don't love this approach to caching the \"select\" result. Is it still valid from render-to-render?\n // although local testing seems to indicate so, I do not trust that React will always support that instance.\n // It might be better to perform this `fetch` within the `_showTooltip` and `_hideTooltip` methods.\n const tooltipDiv = this._fetchTooltip(classNames);\n // Pre-compute some important attributes about nodes, specifically text\n const nodeAttributes = this._nodeAttributes(nodes, this._accessibility.nodeAriaLabel);\n // Build the nodes and links as rendered in the UX.\n const nodeData = this._fetchNodes(classNames, nodes, nodeAttributes, tooltipDiv);\n const linkAttributes = this._linkAttributes(links, this._strings.linkFrom, this._accessibility.linkAriaLabel);\n const linkData = this._fetchLinks(links, linkAttributes);\n\n const calloutProps = {\n isCalloutVisible: state.isCalloutVisible,\n directionalHint: DirectionalHint.topAutoEdge,\n id: `toolTip${this._calloutId}`,\n target: state.refSelected,\n color: state.color,\n XValue: state.xCalloutValue,\n YValue: state.yCalloutValue ? state.yCalloutValue : state.dataForHoverCard,\n descriptionMessage: state.descriptionMessage,\n isBeakVisible: false,\n gapSpace: 15,\n onDismiss: this._onCloseCallout,\n className: classNames.calloutContentRoot,\n preventDismissOnLostFocus: true,\n ...this.props.calloutProps!,\n };\n return (\n <div\n className={classNames.root}\n role={'presentation'}\n ref={(rootElem: HTMLDivElement) => (this.chartContainer = rootElem)}\n onMouseLeave={this._onCloseCallout}\n >\n {/*\n - Horizontal navigation has been disabled because the nodes and links are rendered vertically,\n causing the left/right arrow keys to move focus up or down to the previous or next sibling element.\n - Bidirectional navigation has been disabled because it causes the up/down arrow keys to move the focus\n in a non-sequential and erratic manner within a 2D grid.\n */}\n <FocusZone direction={FocusZoneDirection.vertical} className={classNames.chartWrapper}>\n <svg width={width} height={height} id={this._chartId}>\n {nodeLinkDomOrderArray.map(item => {\n if (item.type === 'node') {\n return (\n <g key={nodes[item.index].nodeId} className={classNames.nodes}>\n {nodeData![item.index]}\n </g>\n );\n } else {\n return (\n <g\n key={`${(links[item.index].source as SNode).nodeId}-${\n (links[item.index].target as SNode).nodeId\n }`}\n className={classNames.links}\n strokeOpacity={1}\n >\n {linkData![item.index]}\n </g>\n );\n }\n })}\n {calloutProps.isCalloutVisible && (\n <Callout {...calloutProps}>\n <ChartHoverCard\n XValue={calloutProps.XValue}\n YValue={calloutProps.YValue}\n color={calloutProps.color}\n descriptionMessage={calloutProps.descriptionMessage ? calloutProps.descriptionMessage : ''}\n />\n </Callout>\n )}\n </svg>\n </FocusZone>\n </div>\n );\n }\n return (\n <div\n id={this._emptyChartId}\n role={'alert'}\n style={{ opacity: '0' }}\n aria-label={this._accessibility.emptyAriaLabel}\n />\n );\n }\n\n public toImage = (opts?: IImageExportOptions): Promise<string> => {\n return toImage(this.chartContainer, undefined, this._isRtl, opts);\n };\n\n private _computeNodeAttributes(\n nodes: SNode[],\n nodeAriaLabel: (node: SNode, weight: number) => string,\n ): ItemValues<RenderedNodeAttributes> {\n const result: ItemValues<RenderedNodeAttributes> = {};\n const weightSpan = select('.nodeName').append('text').attr('class', 'tempText').append('tspan').text(null);\n const nameSpan = select('.nodeName')\n .append('text')\n .attr('class', 'tempText')\n .attr('font-size', '10')\n .append('tspan')\n .text(null);\n nodes.forEach((singleNode: SNode) => {\n const height = Math.max(singleNode.y1! - singleNode.y0!, 0);\n let padding = 8;\n let textLengthForNodeWeight = 0;\n\n const nodeValue = singleNode.actualValue!;\n // If the nodeWeight is in the same line as node description an extra padding\n // of 6 px is required between node description and node weight.\n if (height < MIN_HEIGHT_FOR_DOUBLINE_TYPE) {\n padding = padding + 6;\n // The following `select` statement injects a `tempText` element into the DOM. This injection\n // (and subsequent removal) is causing a layout recalculation. This is a performance issue.\n const measurement = measureText(weightSpan, this._formatNumber(nodeValue));\n if (measurement !== undefined) {\n textLengthForNodeWeight = measurement;\n padding = padding + textLengthForNodeWeight;\n }\n }\n // Since the total width of the node is 124 and we are giving margin of 8px from the left .\n // So the actual value on which it will be truncated is 124-8=116.\n const truncatedname: string = truncateText(nameSpan, singleNode.name, NODE_WIDTH - 8, padding);\n const isTruncated: boolean = truncatedname.slice(-3) === elipsis;\n result[singleNode.nodeId] = {\n reactId: getId('nodeBar'),\n gElementId: getId('nodeGElement'),\n name: truncatedname,\n aria: nodeAriaLabel(singleNode, nodeValue),\n trimmed: isTruncated,\n height,\n weightOffset: textLengthForNodeWeight,\n };\n });\n selectAll('.tempText').remove();\n return result;\n }\n\n private _linkCalloutAttributes(\n singleLink: SLink,\n from: string,\n ): IChartHoverCardProps & {\n selectedLink: SLink;\n isCalloutVisible: boolean;\n color: string;\n xCalloutValue: string;\n yCalloutValue: string;\n descriptionMessage: string;\n } {\n return {\n selectedLink: singleLink,\n isCalloutVisible: true,\n color: (singleLink.source as SNode).color!,\n xCalloutValue: (singleLink.target as SNode).name,\n yCalloutValue: this._formatNumber(singleLink.unnormalizedValue!),\n descriptionMessage: from,\n };\n }\n\n private _normalizeSankeyData(\n data: ISankeyChartData,\n containerWidth: number,\n containerHeight: number,\n colorsForNodes: string[] | undefined,\n borderColorsForNodes: string[] | undefined,\n ): NormalizedData {\n const { sankey, height, width } = preRenderLayout(this._margins, containerWidth, containerHeight, this._isRtl);\n // Clone the data before mutating it (via the SankeyLayoutGenerator) so that we don't mutate the original data.\n const transformed: ISankeyChartData = duplicateData(data);\n sankey(transformed);\n // NOTE: After the prior line, `transformed` is now a more-complex object than the incoming `ISankeyChartData`.\n // `transformed` should be cast to a more-specific type. This is a breaking change because we would be eliminating\n // fields from `ISankeyChartData` and putting those fields on a now-local type. But doing so makes it clearer what\n // the caller needs to supply and why. For example, the `actualValue` and `layer` fields of `ISNodeExtra` should\n // both be moved. Similarly for `unnormalizedValue` in `ISLinkExtra`.\n // `SankeyNodeMinimal` and `SankeyLinkMinimal` are both the types after `sankey(transformed)`, but have almost no\n // bearing on the data before `sankey(transformed)` (which is basically nodes with ids and names along with links\n // with source index, target index, and value).\n const nodesInColumn = groupNodesByColumn(transformed);\n this._numColumns = Object.keys(nodesInColumn).length;\n // Keep track of the original values of the links and their acccumulated values in the nodes\n // Setting these in external objects so they cannot be mutated by other code.\n // The IDs of nodes can be numbers or strings. But, the IDs of links are always the index into the \"nodes\" array.\n // After the sankey layout is computed, the each link's `source` and `target` will have the ID of the node in the\n // type originally specified in the Nodes array. Consequently, we get the values of those links after the sankey\n // transformation.\n const nodeValues = valuesOfNodes(transformed.nodes);\n const linkValues = valuesOfLinks(transformed.links);\n adjustOnePercentHeightNodes(nodesInColumn, nodeValues, linkValues);\n adjustPadding(sankey, height - 6, nodesInColumn);\n // `sankey` is called a second time, probably to re-layout the nodes with the one-percent adjusted weights.\n // NOTE: The second call to `sankey` is required to allow links to be hoverable.\n // Without the second call, the links are not hoverable.\n sankey(transformed);\n populateNodeActualValue(transformed, nodeValues, linkValues);\n assignNodeColors(transformed.nodes, colorsForNodes, borderColorsForNodes);\n return {\n width,\n height,\n nodes: transformed.nodes,\n links: transformed.links,\n };\n }\n\n private _labelTooltipDiv(classNames: IProcessedStyleSet<ISankeyChartStyles>): TooltipDiv {\n // find the tooltip div. If it doesn't exist, then create it.\n let tooltipDiv = select(`#${this._labelTooltipId}`);\n if (tooltipDiv.empty()) {\n tooltipDiv = select('body')\n .append('div')\n .attr('id', this._labelTooltipId)\n .attr('class', classNames.toolTip!)\n .style('opacity', 0);\n }\n // If the div exists, then `classNames` has changed; update the `class` on the `div`.\n tooltipDiv.attr('class', classNames.toolTip!);\n return tooltipDiv;\n }\n\n private _createLinks(\n dataLinks: SLink[],\n linkAttributes: LinkItemValues<RenderedLinkAttributes>,\n ): React.ReactNode[] | undefined {\n if (dataLinks) {\n const linkId = this._linkId;\n return dataLinks.map((singleLink: SLink, index: number): React.ReactNode => {\n const onMouseOut = () => {\n this._onStreamLeave(singleLink);\n };\n const { reactId, from, aria } = linkValue(linkAttributes, singleLink);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const dataPoints: Array<any> = linkToDataPoints(singleLink as unknown as SankeyLinkWithPositions);\n const key = `${linkId}-${index}`;\n const gradientId = `gradient-${key}`;\n const gradientUrl = `url(#${gradientId})`;\n const source = singleLink.source as SNode;\n const target = singleLink.target as SNode;\n // TODO: localize the aria-label string\n return (\n <g key={key}>\n <defs>\n <linearGradient id={gradientId} x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0\" stopColor={source.color} />\n <stop offset=\"100%\" stopColor={target.color} />\n </linearGradient>\n </defs>\n <path\n d={linkArea(dataPoints)!}\n id={reactId}\n fill={this._fillStreamColors(singleLink, gradientUrl)}\n stroke={this._fillStreamBorder(singleLink, gradientUrl)}\n strokeWidth=\"2\"\n strokeOpacity={this._getOpacityStreamBorder(singleLink)}\n onMouseOver={event => this._onStreamHover(event, singleLink, from)}\n onMouseOut={onMouseOut}\n onFocus={event => this._onFocusLink(event, singleLink, from)}\n onBlur={this._onBlur}\n fillOpacity={this._getOpacityStream(singleLink)}\n data-is-focusable={true}\n aria-label={aria}\n role=\"img\"\n />\n </g>\n );\n });\n }\n return [];\n }\n\n private _createNodes(\n classNames: IProcessedStyleSet<ISankeyChartStyles>,\n dataNodes: SNode[],\n nodeAttributes: ItemValues<RenderedNodeAttributes>,\n tooltipDiv: TooltipDiv,\n ): React.ReactNode[] | undefined {\n if (dataNodes) {\n const state = this.state;\n const textAnchor = this._isRtl ? 'end' : 'start';\n return dataNodes.map((singleNode: SNode, index: number): React.ReactNode => {\n const onMouseOut = () => {\n this._onLeave(singleNode);\n };\n const {\n reactId: nodeId,\n gElementId,\n height,\n trimmed: isTruncated,\n name: truncatedName,\n weightOffset: textLengthForNodeWeight,\n aria,\n } = nodeAttributes[singleNode.nodeId];\n const tooTall = height > MIN_HEIGHT_FOR_DOUBLINE_TYPE;\n const { name, actualValue, x0, x1, y0 } = singleNode;\n const textColor = nodeTextColor(state, singleNode);\n return (\n <g key={index} id={gElementId}>\n <rect\n x={x0}\n y={y0}\n height={height}\n width={x1! - x0!}\n fill={this._fillNodeColors(singleNode)}\n id={nodeId}\n onMouseOver={this._onHover.bind(this, singleNode)}\n onMouseOut={onMouseOut}\n onFocus={this._onCloseCallout.bind(this)}\n stroke={this._fillNodeBorder(singleNode)}\n strokeWidth=\"2\"\n opacity=\"1\"\n data-is-focusable={true}\n aria-label={aria}\n role=\"img\"\n />\n {height > MIN_HEIGHT_FOR_TYPE && (\n <g className={classNames.nodeTextContainer}>\n <g className=\"nodeName\">\n <text\n id={`${nodeId}-name`}\n x={x0}\n y={y0}\n dy={'1.2em'}\n dx={'0.4em'}\n textAnchor={textAnchor}\n fontWeight=\"regular\"\n aria-hidden=\"true\"\n fill={textColor}\n fontSize={10}\n onMouseOver={this._showTooltip.bind(this, name, isTruncated, tooltipDiv)}\n onMouseOut={this._hideTooltip.bind(this, tooltipDiv)}\n >\n {truncatedName}\n </text>\n </g>\n\n <text\n x={tooTall ? x0 : x1! - textLengthForNodeWeight - 8}\n y={y0}\n dy={tooTall ? '2em' : '1em'}\n dx={tooTall ? '0.4em' : '0em'}\n textAnchor={textAnchor}\n fontWeight=\"bold\"\n aria-hidden=\"true\"\n fill={textColor}\n fontSize={14}\n >\n {actualValue ? this._formatNumber(actualValue) : actualValue}\n </text>\n </g>\n )}\n </g>\n );\n });\n }\n }\n\n private _onLeave(singleNode: SNode) {\n if (this.state.selectedState) {\n this.setState({\n selectedState: false,\n selectedNodes: new Set<number>(),\n selectedLinks: new Set<number>(),\n selectedNode: undefined,\n });\n }\n }\n\n private _onHover(singleNode: SNode, mouseEvent: React.MouseEvent<SVGElement>) {\n mouseEvent.persist();\n this._onCloseCallout();\n if (!this.state.selectedState) {\n const selectedLinks = getSelectedLinks(singleNode);\n const selectedNodes = getSelectedNodes(selectedLinks);\n selectedNodes.push(singleNode);\n this.setState({\n selectedState: true,\n selectedNodes: new Set<number>(Array.from(selectedNodes).map(node => node.index)),\n selectedLinks: new Set<number>(Array.from(selectedLinks).map(link => link.index!)),\n selectedNode: singleNode,\n refSelected: mouseEvent, //this._refArray.get(index),\n isCalloutVisible: singleNode.y1! - singleNode.y0! < MIN_HEIGHT_FOR_TYPE,\n color: singleNode.color,\n xCalloutValue: singleNode.name,\n yCalloutValue: this._formatNumber(singleNode.actualValue!),\n });\n }\n }\n\n private _formatNumber(value: number): string {\n return this.props.formatNumberOptions\n ? value.toLocaleString(undefined, this.props.formatNumberOptions)\n : value.toString();\n }\n\n private _onStreamHover(mouseEvent: React.MouseEvent<SVGElement>, singleLink: SLink, from: string) {\n mouseEvent.persist();\n this._onCloseCallout();\n if (!this.state.selectedState) {\n const { selectedLinks, selectedNodes } = getSelectedLinksforStreamHover(singleLink);\n this.setState({\n selectedState: true,\n selectedNodes: new Set<number>(Array.from(selectedNodes).map(node => node.index!)),\n selectedLinks: new Set<number>(Array.from(selectedLinks).map(link => link.index!)),\n refSelected: mouseEvent,\n ...this._linkCalloutAttributes(singleLink, from),\n });\n }\n }\n\n private _onStreamLeave(singleLink: SLink) {\n if (this.state.selectedState) {\n this.setState({\n selectedState: false,\n selectedNodes: new Set<number>(),\n selectedLinks: new Set<number>(),\n selectedLink: undefined,\n });\n }\n }\n\n private _onFocusLink(element: React.FocusEvent<SVGElement>, singleLink: SLink, from: string): void {\n // There is a big difference in how \"Tab\" and the \"Arrow keys\" are handled in this diagram.\n // In particular, I would expect the \"Down\" key to be like \"Tab\", but it jumps a little wildly. I'm not sure\n // if this behavior is an accessiblity violation, but it we might want to investigate it.\n element.persist();\n this._onCloseCallout();\n this.setState({\n refSelected: element.currentTarget,\n ...this._linkCalloutAttributes(singleLink, from),\n });\n }\n\n private _onCloseCallout = () => {\n this.setState({\n isCalloutVisible: false,\n refSelected: undefined,\n descriptionMessage: '',\n });\n };\n\n private _onBlur = (): void => {\n /**/\n };\n\n private _fillNodeColors = (singleNode: SNode): string | undefined => {\n const state = this.state;\n if (!state.selectedState) {\n return singleNode.color;\n } else {\n const selectedNode = state.selectedNode;\n if (selectedNode && state.selectedNodes.has(singleNode.index!)) {\n return selectedNode.color;\n } else if (!selectedNode) {\n return singleNode.color;\n }\n }\n };\n\n private _fillStreamColors(singleLink: SLink, gradientUrl: string): string | undefined {\n const state = this.state;\n if (state.selectedState && state.selectedLinks.has(singleLink.index!)) {\n const selectedNode = state.selectedNode;\n return selectedNode ? selectedNode.color : gradientUrl;\n }\n }\n\n private _fillStreamBorder(singleLink: SLink, gradientUrl: string): string {\n const state = this.state;\n if (!state.selectedState) {\n return NON_SELECTED_NODE_AND_STREAM_COLOR;\n } else {\n if (state.selectedLinks.has(singleLink.index!)) {\n const selectedNode = state.selectedNode;\n return selectedNode ? selectedNode.borderColor! : gradientUrl;\n }\n return NON_SELECTED_NODE_AND_STREAM_COLOR;\n }\n }\n\n private _fillNodeBorder = (singleNode: SNode): string => {\n const state = this.state;\n if (!state.selectedState) {\n return singleNode.borderColor!;\n } else {\n if (state.selectedNodes.has(singleNode.index!)) {\n const selectedNode = state.selectedNode;\n return selectedNode ? selectedNode.borderColor! : singleNode.borderColor!;\n }\n return singleNode.borderColor!;\n }\n };\n\n private _getOpacityStream(singleLink: SLink): number {\n const state = this.state;\n if (state.selectedState) {\n if (!state.selectedLinks.has(singleLink.index!)) {\n return NON_SELECTED_OPACITY;\n } else if (!state.selectedNode) {\n return SELECTED_STREAM_OPACITY;\n }\n }\n return REST_STREAM_OPACITY;\n }\n\n private _getOpacityStreamBorder(singleLink: SLink): number {\n const state = this.state;\n if (state.selectedState && !state.selectedLinks.has(singleLink.index!) && !state.selectedNode) {\n return NON_SELECTED_STREAM_BORDER_OPACITY;\n }\n\n return NON_SELECTED_OPACITY;\n }\n\n private _fitParentContainer(): void {\n const { containerWidth, containerHeight } = this.state;\n this._reqID = requestAnimationFrame(() => {\n // NOTE: Calls to this method trigger a re-render.\n const container = this.props.parentRef ? this.props.parentRef : this.chartContainer;\n const currentContainerWidth =\n container &&\n (this.props.enableReflow\n ? Math.max(container.getBoundingClientRect().width, this._calculateChartMinWidth())\n : container.getBoundingClientRect().width);\n const currentContainerHeight = container && container.getBoundingClientRect().height;\n const shouldResize = containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight;\n if (shouldResize) {\n this.setState({\n containerWidth: currentContainerWidth,\n containerHeight: currentContainerHeight,\n });\n }\n });\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private _showTooltip(text: string, checkTrcuncated: boolean, div: any, evt: any) {\n if (checkTrcuncated) {\n //Fixing tooltip position by attaching it to the element rather than page\n div.style('opacity', 0.9).style('color', this.props.theme!.palette.neutralPrimary);\n div\n .html(text)\n .style('left', evt.pageX + 'px')\n .style('top', evt.pageY - 28 + 'px');\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n private _hideTooltip(div: any) {\n div.style('opacity', 0);\n }\n\n private _isChartEmpty() {\n const sankeyChartData = this.props.data?.SankeyChartData;\n return !(sankeyChartData && sankeyChartData.nodes.length > 0 && sankeyChartData.links.length > 0);\n }\n\n private _calculateChartMinWidth = (): number => {\n return (\n this._margins.left! +\n this._margins.right! +\n // total width of all node columns\n this._numColumns * NODE_WIDTH +\n // minimum total width of all column gaps\n (this._numColumns - 1) * (NODE_WIDTH / 2)\n );\n };\n}\n"]}

package/lib-commonjs/components/SankeyChart/SankeyChart.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ISankeyChartProps } from './SankeyChart.types';
+/**
+ * Sankeychart component
+ * {@docCategory SankeyChart}
+ */
+export declare const SankeyChart: React.FunctionComponent<ISankeyChartProps>;

package/lib-commonjs/components/SankeyChart/SankeyChart.js ADDED Viewed

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SankeyChart = void 0;
+var Utilities_1 = require("@fluentui/react/lib/Utilities");
+var SankeyChart_base_1 = require("./SankeyChart.base");
+var SankeyChart_styles_1 = require("./SankeyChart.styles");
+// Create a SankeyChart variant which uses these default styles and this styled subcomponent.
+/**
+ * Sankeychart component
+ * {@docCategory SankeyChart}
+ */
+exports.SankeyChart = (0, Utilities_1.styled)(SankeyChart_base_1.SankeyChartBase, SankeyChart_styles_1.getStyles);
+//# sourceMappingURL=SankeyChart.js.map

package/lib-commonjs/components/SankeyChart/SankeyChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SankeyChart.js","sourceRoot":"../src/","sources":["components/SankeyChart/SankeyChart.tsx"],"names":[],"mappings":";;;AACA,2DAAuD;AAEvD,uDAAqD;AACrD,2DAAiD;AAEjD,6FAA6F;AAC7F;;;GAGG;AACU,QAAA,WAAW,GAA+C,IAAA,kBAAM,EAI3E,kCAAe,EAAE,8BAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { ISankeyChartProps, ISankeyChartStyleProps, ISankeyChartStyles } from './SankeyChart.types';\nimport { SankeyChartBase } from './SankeyChart.base';\nimport { getStyles } from './SankeyChart.styles';\n\n// Create a SankeyChart variant which uses these default styles and this styled subcomponent.\n/**\n * Sankeychart component\n * {@docCategory SankeyChart}\n */\nexport const SankeyChart: React.FunctionComponent<ISankeyChartProps> = styled<\n ISankeyChartProps,\n ISankeyChartStyleProps,\n ISankeyChartStyles\n>(SankeyChartBase, getStyles);\n"]}

package/lib-commonjs/components/SankeyChart/SankeyChart.styles.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ISankeyChartStyleProps, ISankeyChartStyles } from './SankeyChart.types';
2	+ export declare const getStyles: (props: ISankeyChartStyleProps) => ISankeyChartStyles;

package/lib-commonjs/components/SankeyChart/SankeyChart.styles.js ADDED Viewed

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = void 0;
+var tslib_1 = require("tslib");
+var Styling_1 = require("@fluentui/react/lib/Styling");
+var getStyles = function (props) {
+    var _a, _b, _c;
+    var className = props.className, theme = props.theme, pathColor = props.pathColor, enableReflow = props.enableReflow;
+    var effects = theme.effects;
+    return {
+        root: [
+            theme.fonts.medium,
+            {
+                display: 'flex',
+                width: '100%',
+                height: '100%',
+                flexDirection: 'column',
+                overflow: 'hidden',
+            },
+            className,
+        ],
+        links: {
+            stroke: pathColor ? pathColor : theme.palette.black,
+            fill: theme ? theme.semanticColors.bodyBackground : '#F5F5F5',
+            strokeWidth: 3,
+            selectors: (_a = {},
+                _a[Styling_1.HighContrastSelectorBlack] = {
+                    fill: '#000000',
+                },
+                _a),
+        },
+        nodes: {
+            fill: '#F5F5F5',
+            selectors: (_b = {},
+                _b[Styling_1.HighContrastSelectorBlack] = {
+                    fill: '#000000',
+                },
+                _b),
+        },
+        toolTip: tslib_1.__assign(tslib_1.__assign({}, props.theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: props.theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none' }),
+        nodeTextContainer: {
+            selectors: {
+                text: {
+                    selectors: (_c = {},
+                        _c[Styling_1.HighContrastSelectorBlack] = {
+                            fill: 'rgb(179, 179, 179)',
+                        },
+                        _c),
+                },
+            },
+            marginTop: '4px',
+            marginLeft: '8px',
+            marginBottom: '4px',
+            marginRight: '8px',
+        },
+        calloutContentRoot: {
+            boxShadow: effects.elevation4,
+        },
+        chartWrapper: tslib_1.__assign({}, (enableReflow ? { overflow: 'auto' } : {})),
+    };
+};
+exports.getStyles = getStyles;
+//# sourceMappingURL=SankeyChart.styles.js.map

package/lib-commonjs/components/SankeyChart/SankeyChart.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SankeyChart.styles.js","sourceRoot":"../src/","sources":["components/SankeyChart/SankeyChart.styles.ts"],"names":[],"mappings":";;;;AACA,uDAAwE;AAEjE,IAAM,SAAS,GAAG,UAAC,KAA6B;;IAC7C,IAAA,SAAS,GAAqC,KAAK,UAA1C,EAAE,KAAK,GAA8B,KAAK,MAAnC,EAAE,SAAS,GAAmB,KAAK,UAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IACpD,IAAA,OAAO,GAAK,KAAK,QAAV,CAAW;IAC1B,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,CAAC,KAAK,CAAC,MAAM;YAClB;gBACE,OAAO,EAAE,MAAM;gBACf,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,aAAa,EAAE,QAAQ;gBACvB,QAAQ,EAAE,QAAQ;aACnB;YACD,SAAS;SACV;QACD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;YACnD,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;YAC7D,WAAW,EAAE,CAAC;YACd,SAAS;gBACP,GAAC,mCAAyB,IAAG;oBAC3B,IAAI,EAAE,SAAS;iBAChB;mBACF;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,SAAS;gBACP,GAAC,mCAAyB,IAAG;oBAC3B,IAAI,EAAE,SAAS;iBAChB;mBACF;SACF;QACD,OAAO,wCACF,KAAK,CAAC,KAAM,CAAC,KAAK,CAAC,MAAM,KAC5B,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,KAAM,CAAC,cAAc,CAAC,cAAc,EACtD,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE;gBACT,IAAI,EAAE;oBACJ,SAAS;wBACP,GAAC,mCAAyB,IAAG;4BAC3B,IAAI,EAAE,oBAAoB;yBAC3B;2BACF;iBACF;aACF;YAED,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE,KAAK;YACjB,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,KAAK;SACnB;QACD,kBAAkB,EAAE;YAClB,SAAS,EAAE,OAAO,CAAC,UAAU;SAC9B;QACD,YAAY,uBACP,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAC9C;KACF,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,SAAS,aAoEpB","sourcesContent":["import { ISankeyChartStyleProps, ISankeyChartStyles } from './SankeyChart.types';\nimport { HighContrastSelectorBlack } from '@fluentui/react/lib/Styling';\n\nexport const getStyles = (props: ISankeyChartStyleProps): ISankeyChartStyles => {\n const { className, theme, pathColor, enableReflow } = props;\n const { effects } = theme;\n return {\n root: [\n theme.fonts.medium,\n {\n display: 'flex',\n width: '100%',\n height: '100%',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n className,\n ],\n links: {\n stroke: pathColor ? pathColor : theme.palette.black,\n fill: theme ? theme.semanticColors.bodyBackground : '#F5F5F5',\n strokeWidth: 3,\n selectors: {\n [HighContrastSelectorBlack]: {\n fill: '#000000',\n },\n },\n },\n nodes: {\n fill: '#F5F5F5',\n selectors: {\n [HighContrastSelectorBlack]: {\n fill: '#000000',\n },\n },\n },\n toolTip: {\n ...props.theme!.fonts.medium,\n display: 'flex',\n flexDirection: 'column',\n padding: '8px',\n position: 'absolute',\n textAlign: 'center',\n top: '0px',\n background: props.theme!.semanticColors.bodyBackground,\n borderRadius: '2px',\n pointerEvents: 'none',\n },\n nodeTextContainer: {\n selectors: {\n text: {\n selectors: {\n [HighContrastSelectorBlack]: {\n fill: 'rgb(179, 179, 179)',\n },\n },\n },\n },\n\n marginTop: '4px',\n marginLeft: '8px',\n marginBottom: '4px',\n marginRight: '8px',\n },\n calloutContentRoot: {\n boxShadow: effects.elevation4,\n },\n chartWrapper: {\n ...(enableReflow ? { overflow: 'auto' } : {}),\n },\n };\n};\n"]}

package/lib-commonjs/components/SankeyChart/SankeyChart.types.d.ts ADDED Viewed

@@ -0,0 +1,157 @@
+import { IStyle, ITheme } from '@fluentui/react/lib/Styling';
+import { IRefObject, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { ICalloutProps } from '@fluentui/react/lib/Callout';
+import { IChart, IChartProps } from '../../types/IDataPoint';
+export type { IChartProps, IDataPoint, ISankeyChartData } from '../../types/IDataPoint';
+/**
+ * Sankey Chart properties
+ * {@docCategory SankeyChart}
+ */
+export interface ISankeyChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data: IChartProps;
+    /**
+     * Width of the chart.
+     */
+    width?: number;
+    /**
+     * Height of the chart.
+     */
+    height?: number;
+    /**
+     * Additional CSS class(es) to apply to the SankeyChart.
+     */
+    className?: string;
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ISankeyChartStyleProps, ISankeyChartStyles>;
+    /**
+     * this prop takes its parent as a HTML element to define the width and height of the Sankey chart
+     */
+    parentRef?: HTMLElement | null;
+    /**
+     * should chart resize when parent resize.
+     */
+    shouldResize?: number;
+    /**
+     * Color for path
+     */
+    pathColor?: string;
+    /**
+     * Colors for nodes
+     */
+    colorsForNodes?: string[];
+    /**
+     * Colors for nodes border
+     */
+    borderColorsForNodes?: string[];
+    /**
+     * Localized strings to show in the UX.
+     */
+    strings?: ISankeyChartStrings;
+    /**
+     * Localized strings to use for the chart's accessibility features.
+     */
+    accessibility?: ISankeyChartAccessibilityProps;
+    /**
+     * Format node and link values.
+     */
+    formatNumberOptions?: Intl.NumberFormatOptions;
+    /**
+     * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows
+     * @default true
+     */
+    enableReflow?: boolean;
+    /**
+     * Optional callback to access the IChart interface. Use this instead of ref for accessing
+     * the public methods and properties of the component.
+     */
+    componentRef?: IRefObject<IChart>;
+    /**
+     * props for the callout in the chart
+     */
+    calloutProps?: Partial<ICalloutProps>;
+}
+/**
+ * Sankey Chart style properties
+ * {@docCategory SankeyChart}
+ */
+export interface ISankeyChartStyleProps {
+    theme: ITheme;
+    className?: string;
+    width: number;
+    height: number;
+    pathColor?: string;
+    enableReflow?: boolean;
+}
+/**
+ * Sankey Chart styles
+ * {@docCategory SankeyChart}
+ */
+export interface ISankeyChartStyles {
+    /**
+     *  Style for the root element.
+     */
+    root?: IStyle;
+    /**
+     *  Style for the nodes.
+     */
+    nodes?: IStyle;
+    /**
+     *  Style for the links.
+     */
+    links?: IStyle;
+    /**
+     *  Style for the text inside node.
+     */
+    nodeTextContainer?: IStyle;
+    /**
+     *  Style for the tooltip ,when user hover over the truncated node detail.
+     */
+    toolTip?: IStyle;
+    /**
+     *  Style for the tooltip ,when user hover over the truncated node detail.
+     */
+    calloutContentRoot?: IStyle;
+    /**
+     * Styles for the chart wrapper div
+     */
+    chartWrapper?: IStyle;
+}
+/**
+ * Set of strings which are used when rendering the chart.
+ */
+export interface ISankeyChartStrings {
+    /**
+     * A value similar to "from \{0\}" where \{0\} is the name of the source node for a link.
+     * This is shown in the `ChartHoverCard` when the user hovers the mouse over a link.
+     */
+    linkFrom?: string;
+}
+/**
+ * Set of strings which are used when rendering accessibility information within the chart.
+ */
+export interface ISankeyChartAccessibilityProps {
+    /**
+     * Aria label for when the chart is empty.
+     */
+    emptyAriaLabel?: string;
+    /**
+     * A value similar to "node \{0\} with weight \{1\}".
+     * \{0\} is the name of the node.
+     * \{1\} is the weight of the node (as computed by the sankey layout engine via the links to or from this node).
+     */
+    nodeAriaLabel?: string;
+    /**
+     * A value similar to "link from \{0\} to $\{1\} with weight $\{2\}".
+     * \{0\} is the source node, \{1\} is the target node, and \{2\} is the value of the link.
+     */
+    linkAriaLabel?: string;
+}

package/lib-commonjs/components/SankeyChart/SankeyChart.types.js ADDED Viewed

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=SankeyChart.types.js.map

package/lib-commonjs/components/SankeyChart/SankeyChart.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SankeyChart.types.js","sourceRoot":"../src/","sources":["components/SankeyChart/SankeyChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { IStyle, ITheme } from '@fluentui/react/lib/Styling';\nimport { IRefObject, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport { ICalloutProps } from '@fluentui/react/lib/Callout';\nimport { IChart, IChartProps } from '../../types/IDataPoint';\n\nexport type { IChartProps, IDataPoint, ISankeyChartData } from '../../types/IDataPoint';\n\n/**\n * Sankey Chart properties\n * {@docCategory SankeyChart}\n */\nexport interface ISankeyChartProps {\n /**\n * Data to render in the chart.\n */\n data: IChartProps;\n\n /**\n * Width of the chart.\n */\n width?: number;\n\n /**\n * Height of the chart.\n */\n height?: number;\n\n /**\n * Additional CSS class(es) to apply to the SankeyChart.\n */\n className?: string;\n\n /**\n * Theme (provided through customization.)\n */\n theme?: ITheme;\n\n /**\n * Call to provide customized styling that will layer on top of the variant rules.\n */\n styles?: IStyleFunctionOrObject<ISankeyChartStyleProps, ISankeyChartStyles>;\n\n /**\n * this prop takes its parent as a HTML element to define the width and height of the Sankey chart\n */\n parentRef?: HTMLElement | null;\n\n /**\n * should chart resize when parent resize.\n */\n shouldResize?: number;\n\n /**\n * Color for path\n */\n pathColor?: string;\n\n /**\n * Colors for nodes\n */\n colorsForNodes?: string[];\n\n /**\n * Colors for nodes border\n */\n borderColorsForNodes?: string[];\n\n /**\n * Localized strings to show in the UX.\n */\n strings?: ISankeyChartStrings;\n\n /**\n * Localized strings to use for the chart's accessibility features.\n */\n accessibility?: ISankeyChartAccessibilityProps;\n\n /**\n * Format node and link values.\n */\n formatNumberOptions?: Intl.NumberFormatOptions;\n\n /**\n * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n * @default true\n */\n enableReflow?: boolean;\n\n /**\n * Optional callback to access the IChart interface. Use this instead of ref for accessing\n * the public methods and properties of the component.\n */\n componentRef?: IRefObject<IChart>;\n\n /**\n * props for the callout in the chart\n */\n calloutProps?: Partial<ICalloutProps>;\n}\n\n/**\n * Sankey Chart style properties\n * {@docCategory SankeyChart}\n */\nexport interface ISankeyChartStyleProps {\n theme: ITheme;\n className?: string;\n width: number;\n height: number;\n pathColor?: string;\n enableReflow?: boolean;\n}\n\n/**\n * Sankey Chart styles\n * {@docCategory SankeyChart}\n */\nexport interface ISankeyChartStyles {\n /**\n * Style for the root element.\n */\n root?: IStyle;\n\n /**\n * Style for the nodes.\n */\n nodes?: IStyle;\n\n /**\n * Style for the links.\n */\n links?: IStyle;\n\n /**\n * Style for the text inside node.\n */\n nodeTextContainer?: IStyle;\n\n /**\n * Style for the tooltip ,when user hover over the truncated node detail.\n */\n toolTip?: IStyle;\n\n /**\n * Style for the tooltip ,when user hover over the truncated node detail.\n */\n\n calloutContentRoot?: IStyle;\n\n /**\n * Styles for the chart wrapper div\n */\n chartWrapper?: IStyle;\n}\n\n/**\n * Set of strings which are used when rendering the chart.\n */\nexport interface ISankeyChartStrings {\n /**\n * A value similar to \"from \\{0\\}\" where \\{0\\} is the name of the source node for a link.\n * This is shown in the `ChartHoverCard` when the user hovers the mouse over a link.\n */\n linkFrom?: string;\n}\n\n/**\n * Set of strings which are used when rendering accessibility information within the chart.\n */\nexport interface ISankeyChartAccessibilityProps {\n /**\n * Aria label for when the chart is empty.\n */\n emptyAriaLabel?: string;\n /**\n * A value similar to \"node \\{0\\} with weight \\{1\\}\".\n * \\{0\\} is the name of the node.\n * \\{1\\} is the weight of the node (as computed by the sankey layout engine via the links to or from this node).\n */\n nodeAriaLabel?: string;\n /**\n * A value similar to \"link from \\{0\\} to $\\{1\\} with weight $\\{2\\}\".\n * \\{0\\} is the source node, \\{1\\} is the target node, and \\{2\\} is the value of the link.\n */\n linkAriaLabel?: string;\n}\n"]}

package/lib-commonjs/components/SankeyChart/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './SankeyChart';
2	+ export * from './SankeyChart.types';

package/lib-commonjs/components/SankeyChart/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./SankeyChart"), exports);
+tslib_1.__exportStar(require("./SankeyChart.types"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/SankeyChart/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/SankeyChart/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,8DAAoC","sourcesContent":["export * from './SankeyChart';\nexport * from './SankeyChart.types';\n"]}

package/lib-commonjs/components/Sparkline/Sparkline.base.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { ILineChartDataPoint } from '../../types/IDataPoint';
+import { ISparklineProps } from '../../index';
+export interface ISparklineState {
+    _points: ILineChartDataPoint[] | null;
+    _width: number;
+    _height: number;
+    _valueTextWidth: number;
+}
+export declare class SparklineBase extends React.Component<ISparklineProps, ISparklineState> {
+    private margin;
+    private x;
+    private y;
+    private area;
+    private line;
+    private _emptyChartId;
+    private _isRTL;
+    constructor(props: ISparklineProps);
+    componentDidMount(): void;
+    drawSparkline(): JSX.Element;
+    render(): JSX.Element;
+    private _isChartEmpty;
+}

package/lib-commonjs/components/Sparkline/Sparkline.base.js ADDED Viewed

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SparklineBase = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var d3_scale_1 = require("d3-scale");
+var d3_shape_1 = require("d3-shape");
+var d3_array_1 = require("d3-array");
+var react_focus_1 = require("@fluentui/react-focus");
+var Utilities_1 = require("@fluentui/react/lib/Utilities");
+var getClassNames = (0, Utilities_1.classNamesFunction)();
+var SparklineBase = /** @class */ (function (_super) {
+    tslib_1.__extends(SparklineBase, _super);
+    function SparklineBase(props) {
+        var _this = _super.call(this, props) || this;
+        _this.margin = {
+            top: 2,
+            right: 0,
+            bottom: 0,
+            left: 0,
+        };
+        _this._isRTL = (0, Utilities_1.getRTL)();
+        _this.state = {
+            _points: null,
+            _width: _this.props.width || 80,
+            _height: _this.props.height || 20,
+            _valueTextWidth: _this.props.valueTextWidth || 80,
+        };
+        _this._emptyChartId = (0, Utilities_1.getId)('_SparklineChart_empty');
+        return _this;
+    }
+    SparklineBase.prototype.componentDidMount = function () {
+        var _this = this;
+        if (!this._isChartEmpty()) {
+            var area = (0, d3_shape_1.area)()
+                /* eslint-disable @typescript-eslint/no-explicit-any */
+                .x(function (d) { return _this.x(d.x); })
+                .y0(this.state._height)
+                /* eslint-disable @typescript-eslint/no-explicit-any */
+                .y1(function (d) { return _this.y(d.y); })
+                .curve(d3_shape_1.curveLinear);
+            this.area = area;
+            var line = (0, d3_shape_1.line)()
+                /* eslint-disable @typescript-eslint/no-explicit-any */
+                .x(function (d) { return _this.x(d.x); })
+                /* eslint-disable @typescript-eslint/no-explicit-any */
+                .y(function (d) { return _this.y(d.y); })
+                .curve(d3_shape_1.curveLinear);
+            this.line = line;
+            var points = this.props.data.lineChartData[0].data;
+            /* eslint-disable @typescript-eslint/no-explicit-any */
+            var _a = (0, d3_array_1.extent)(points, function (d) { return d.x; }), xMin = _a[0], xMax = _a[1];
+            this.x = (0, d3_scale_1.scaleLinear)()
+                .domain([xMin, xMax])
+                .range([this.margin.left, this.state._width - this.margin.right]);
+            this.y = (0, d3_scale_1.scaleLinear)()
+                /* eslint-disable @typescript-eslint/no-explicit-any */
+                .domain([0, (0, d3_array_1.max)(points, function (d) { return d.y; })])
+                .range([this.state._height - this.margin.bottom, this.margin.top]);
+            this.setState({
+                _points: points,
+            });
+        }
+    };
+    SparklineBase.prototype.drawSparkline = function () {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("path", { className: "line", d: this.line(this.state._points), fill: 'transparent', opacity: 1, strokeWidth: 2, stroke: this.props.data.lineChartData[0].color }),
+            React.createElement("path", { className: "area", d: this.area(this.state._points), opacity: 1, fillOpacity: 0.2, fill: this.props.data.lineChartData[0].color, role: "img", "aria-hidden": true })));
+    };
+    SparklineBase.prototype.render = function () {
+        var classNames = getClassNames(this.props.styles, {
+            theme: this.props.theme,
+        });
+        return !this._isChartEmpty() ? (React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.horizontal, isCircularNavigation: true, className: classNames.inlineBlock },
+            React.createElement("div", { className: classNames.inlineBlock },
+                this.state._width >= 50 && this.state._height >= 16 ? (React.createElement("svg", { width: this.state._width, height: this.state._height, "data-is-focusable": true, "aria-label": "Sparkline with label ".concat(this.props.data.lineChartData[0].legend) }, this.state._points ? this.drawSparkline() : null)) : (React.createElement(React.Fragment, null)),
+                this.props.showLegend && this.props.data.lineChartData[0].legend ? (React.createElement("svg", { width: this.state._valueTextWidth, height: this.state._height, "data-is-focusable": true },
+                    React.createElement("text", { x: "0%", textAnchor: this._isRTL ? 'end' : 'start', dx: 8, y: "100%", dy: -5, className: classNames.valueText }, this.props.data.lineChartData[0].legend))) : (React.createElement(React.Fragment, null))))) : (React.createElement("div", { id: this._emptyChartId, role: 'alert', style: { opacity: '0' }, "aria-label": 'Graph has no data to display' }));
+    };
+    SparklineBase.prototype._isChartEmpty = function () {
+        return !(this.props.data &&
+            this.props.data.lineChartData &&
+            this.props.data.lineChartData.length > 0 &&
+            this.props.data.lineChartData.filter(function (item) { return item.data.length === 0; }).length === 0);
+    };
+    return SparklineBase;
+}(React.Component));
+exports.SparklineBase = SparklineBase;
+//# sourceMappingURL=Sparkline.base.js.map