@fluentui/react-charting 5.24.12 → 5.24.14

package/lib-amd/components/GanttChart/GanttChart.base.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IGanttChartProps } from './GanttChart.types';
+export declare const GanttChartBase: React.FunctionComponent<IGanttChartProps>;

package/lib-amd/components/GanttChart/GanttChart.base.js

@@ -0,0 +1,325 @@
+define(["require", "exports", "tslib", "react", "d3-array", "@fluentui/react", "../Legends/index", "../CommonComponents/index", "../../utilities/index", "../../utilities/image-export-utils", "@fluentui/chart-utilities"], function (require, exports, tslib_1, React, d3_array_1, react_1, index_1, index_2, index_3, image_export_utils_1, chart_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.GanttChartBase = void 0;
+    exports.GanttChartBase = React.forwardRef(function (_a, forwardedRef) {
+        var _b, _c;
+        var _d = _a.useUTC, useUTC = _d === void 0 ? true : _d, _e = _a.yAxisCategoryOrder, yAxisCategoryOrder = _e === void 0 ? 'default' : _e, props = tslib_1.__rest(_a, ["useUTC", "yAxisCategoryOrder"]);
+        var _barHeight = React.useRef(0);
+        var _calloutId = React.useRef((0, react_1.getId)('callout'));
+        var margins = React.useRef({});
+        var _bars = React.useRef([]);
+        var _xAxisType = React.useRef(index_3.XAxisTypes.DateAxis);
+        var _yAxisType = React.useRef(index_3.YAxisType.StringAxis);
+        var _calloutAnchorPoint = React.useRef(null);
+        var _cartesianChartRef = React.useRef(null);
+        var _legendsRef = React.useRef(null);
+        var _domainMargin = React.useRef(index_3.MIN_DOMAIN_MARGIN);
+        var _yAxisPadding = React.useRef(0);
+        var _emptyChartId = React.useRef((0, react_1.getId)('Gantt_empty'));
+        var _legendColorMap = React.useRef({});
+        var _gradientId = React.useRef((0, react_1.getId)('Gantt_gradient'));
+        var prevProps = React.useRef({});
+        var _f = React.useState(''), calloutColor = _f[0], setCalloutColor = _f[1];
+        var _g = React.useState(false), isCalloutVisible = _g[0], setCalloutVisible = _g[1];
+        var _h = React.useState(''), hoveredLegend = _h[0], setHoveredLegend = _h[1];
+        var _j = React.useState(null), calloutTarget = _j[0], setCalloutTarget = _j[1];
+        var _k = React.useState(''), calloutLegend = _k[0], setCalloutLegend = _k[1];
+        var _l = React.useState(''), xCalloutValue = _l[0], setXCalloutValue = _l[1];
+        var _m = React.useState(''), yCalloutValue = _m[0], setYCalloutValue = _m[1];
+        var _o = React.useState(((_b = props.legendProps) === null || _b === void 0 ? void 0 : _b.selectedLegends) || []), selectedLegends = _o[0], setSelectedLegends = _o[1];
+        var _p = React.useState(), dataPointCalloutProps = _p[0], setDataPointCalloutProps = _p[1];
+        React.useEffect(function () {
+            var _a, _b, _c;
+            if (!(0, index_3.areArraysEqual)((_a = prevProps.current.legendProps) === null || _a === void 0 ? void 0 : _a.selectedLegends, (_b = props.legendProps) === null || _b === void 0 ? void 0 : _b.selectedLegends)) {
+                setSelectedLegends(((_c = props.legendProps) === null || _c === void 0 ? void 0 : _c.selectedLegends) || []);
+            }
+            prevProps.current = props;
+        }, [props]);
+        React.useImperativeHandle(props.componentRef, function () {
+            var _a, _b;
+            return ({
+                chartContainer: (_b = (_a = _cartesianChartRef.current) === null || _a === void 0 ? void 0 : _a.chartContainer) !== null && _b !== void 0 ? _b : null,
+                toImage: function (opts) {
+                    var _a, _b;
+                    return (0, image_export_utils_1.toImage)((_a = _cartesianChartRef.current) === null || _a === void 0 ? void 0 : _a.chartContainer, (_b = _legendsRef.current) === null || _b === void 0 ? void 0 : _b.toSVG, (0, react_1.getRTL)(), opts);
+                },
+            });
+        }, []);
+        var _points = React.useMemo(function () {
+            var _a, _b;
+            _legendColorMap.current = {};
+            var colorIndex = 0;
+            return ((_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.map(function (point) {
+                var _a, _b, _c, _d, _e;
+                var legend = "".concat(point.legend);
+                if (!_legendColorMap.current[legend]) {
+                    var startColor = point.color
+                        ? (0, index_3.getColorFromToken)(point.color, (_a = props.theme) === null || _a === void 0 ? void 0 : _a.isInverted)
+                        : (0, index_3.getNextColor)(colorIndex, 0, (_b = props.theme) === null || _b === void 0 ? void 0 : _b.isInverted);
+                    var endColor = startColor;
+                    if (props.enableGradient) {
+                        var nextGradient = (0, index_3.getNextGradient)(colorIndex, 0, (_c = props.theme) === null || _c === void 0 ? void 0 : _c.isInverted);
+                        startColor = ((_d = point.gradient) === null || _d === void 0 ? void 0 : _d[0]) || nextGradient[0];
+                        endColor = ((_e = point.gradient) === null || _e === void 0 ? void 0 : _e[1]) || nextGradient[1];
+                    }
+                    _legendColorMap.current[legend] = [startColor, endColor];
+                    colorIndex += 1;
+                }
+                return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, point), { color: _legendColorMap.current[legend][0] }), (props.enableGradient ? { gradient: _legendColorMap.current[legend] } : {}));
+            })) !== null && _b !== void 0 ? _b : []);
+        }, [props.data, (_c = props.theme) === null || _c === void 0 ? void 0 : _c.isInverted, props.enableGradient]);
+        var _dateFormatOptions = React.useMemo(function () {
+            if (_xAxisType.current !== index_3.XAxisTypes.DateAxis) {
+                return undefined;
+            }
+            var lowestFormatLevel = 100;
+            var highestFormatLevel = -1;
+            _points.forEach(function (p) {
+                var startFormatLevel = (0, index_3.getDateFormatLevel)(p.x.start, useUTC);
+                var endFormatLevel = (0, index_3.getDateFormatLevel)(p.x.end, useUTC);
+                lowestFormatLevel = Math.min(lowestFormatLevel, startFormatLevel, endFormatLevel);
+                highestFormatLevel = Math.max(highestFormatLevel, startFormatLevel, endFormatLevel);
+            });
+            return (0, chart_utilities_1.getMultiLevelDateTimeFormatOptions)(lowestFormatLevel, highestFormatLevel);
+        }, [useUTC, _points]);
+        var _getDomainNRangeValues = React.useCallback(function (points, _margins, containerWidth, chartType, isRTL, xAxisType, barWidth, tickValues, shiftX) {
+            var xValues = [];
+            points.forEach(function (point) {
+                xValues.push(point.x.start, point.x.end);
+            });
+            var xMin = (0, d3_array_1.min)(xValues) || 0;
+            var xMax = (0, d3_array_1.max)(xValues) || 0;
+            return {
+                dStartValue: isRTL ? xMax : xMin,
+                dEndValue: isRTL ? xMin : xMax,
+                rStartValue: _margins.left + (isRTL ? 0 : shiftX),
+                rEndValue: containerWidth - _margins.right - (isRTL ? shiftX : 0),
+            };
+        }, []);
+        var _adjustProps = function () {
+            _barHeight.current = Math.max(props.barHeight || 24, 1);
+            if (props.data && props.data.length > 0) {
+                _xAxisType.current = (0, index_3.getTypeOfAxis)(props.data[0].x.start, true);
+                _yAxisType.current = (0, index_3.getTypeOfAxis)(props.data[0].y, false);
+            }
+            _yAxisPadding.current = (0, index_3.getScalePadding)(props.yAxisPadding, undefined, 1 / 2);
+        };
+        var _getMargins = React.useCallback(function (_margins) {
+            margins.current = _margins;
+        }, []);
+        var _renderContentForOnlyBars = function (point) {
+            return (React.createElement(index_3.ChartHoverCard, { XValue: point.yAxisCalloutData || point.y.toString(), Legend: point.legend, YValue: point.xAxisCalloutData || _getFormattedXValue(point), color: point.color, culture: props.culture }));
+        };
+        var _renderCallout = function (point) {
+            return point ? _renderContentForOnlyBars(point) : null;
+        };
+        var _getCustomizedCallout = function () {
+            return props.onRenderCalloutPerDataPoint
+                ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)
+                : null;
+        };
+        var _getFormattedXValue = React.useCallback(function (point) {
+            var formattedStartX;
+            var formattedEndX;
+            if (_xAxisType.current === index_3.XAxisTypes.DateAxis) {
+                formattedStartX = (0, chart_utilities_1.formatDateToLocaleString)(point.x.start, props.culture, useUTC, false, _dateFormatOptions);
+                formattedEndX = (0, chart_utilities_1.formatDateToLocaleString)(point.x.end, props.culture, useUTC, false, _dateFormatOptions);
+            }
+            else {
+                formattedStartX = point.x.start.toString();
+                formattedEndX = point.x.end.toString();
+            }
+            return "".concat(formattedStartX, " - ").concat(formattedEndX);
+        }, [props.culture, useUTC, _dateFormatOptions]);
+        var _getAriaLabel = React.useCallback(function (point) {
+            var _a;
+            var xValue = point.xAxisCalloutData || _getFormattedXValue(point);
+            var yValue = point.yAxisCalloutData || point.y;
+            return ((_a = point.callOutAccessibilityData) === null || _a === void 0 ? void 0 : _a.ariaLabel) || "".concat(yValue, ". ") + "".concat(xValue, ".");
+        }, [_getFormattedXValue]);
+        var _getHighlightedLegend = React.useCallback(function () {
+            return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];
+        }, [hoveredLegend, selectedLegends]);
+        /**
+         * This function checks if the given legend is highlighted or not.
+         * A legend can be highlighted in 2 ways:
+         * 1. selection: if the user clicks on it
+         * 2. hovering: if there is no selected legend and the user hovers over it
+         */
+        var _legendHighlighted = React.useCallback(function (legend) {
+            return _getHighlightedLegend().includes("".concat(legend));
+        }, [_getHighlightedLegend]);
+        /**
+         * This function checks if none of the legends is selected or hovered.
+         */
+        var _noLegendHighlighted = React.useCallback(function () {
+            return _getHighlightedLegend().length === 0;
+        }, [_getHighlightedLegend]);
+        var _showCallout = React.useCallback(function (target, point) {
+            if (!(_noLegendHighlighted() || _legendHighlighted(point.legend)) || _calloutAnchorPoint.current === point) {
+                return;
+            }
+            _calloutAnchorPoint.current = point;
+            setCalloutTarget(target);
+            setCalloutVisible(true);
+            setCalloutLegend(point.legend);
+            setCalloutColor(point.color);
+            setXCalloutValue(point.yAxisCalloutData || point.y.toString());
+            setYCalloutValue(point.xAxisCalloutData || _getFormattedXValue(point));
+            setDataPointCalloutProps(point);
+        }, [_getFormattedXValue, _legendHighlighted, _noLegendHighlighted]);
+        var _onBarFocus = React.useCallback(function (point, focusEvent) {
+            _showCallout(focusEvent.currentTarget, point);
+        }, [_showCallout]);
+        var _onBarHover = React.useCallback(function (point, mouseEvent) {
+            _showCallout(mouseEvent.currentTarget, point);
+        }, [_showCallout]);
+        var _createBars = React.useCallback(function (xScale, yScale) {
+            var bars = _points.map(function (point, index) {
+                var shouldHighlight = _noLegendHighlighted() || _legendHighlighted(point.legend);
+                var startColor = point.color;
+                var endColor = startColor;
+                if (props.enableGradient) {
+                    startColor = point.gradient[0];
+                    endColor = point.gradient[1];
+                }
+                var gradientId = "".concat(_gradientId.current, "_").concat(index);
+                var startX = xScale(point.x.start);
+                var endX = xScale(point.x.end);
+                var y = (_yAxisType.current === index_3.YAxisType.StringAxis
+                    ? yScale(point.y) + yScale.bandwidth() / 2
+                    : yScale(point.y)) -
+                    _barHeight.current / 2;
+                return (React.createElement(React.Fragment, { key: index },
+                    props.enableGradient && (React.createElement("defs", null,
+                        React.createElement("linearGradient", { id: gradientId },
+                            React.createElement("stop", { offset: "0", stopColor: startColor }),
+                            React.createElement("stop", { offset: "100%", stopColor: endColor })))),
+                    React.createElement("rect", { x: Math.min(startX, endX), y: y, width: Math.abs(endX - startX), height: _barHeight.current, rx: props.roundCorners ? 3 : 0, fill: props.enableGradient ? "url(#".concat(gradientId, ")") : startColor, opacity: shouldHighlight ? 1 : 0.1, onClick: point.onClick, onMouseOver: function (event) { return _onBarHover(point, event); }, onMouseLeave: _onBarLeave, onFocus: function (event) { return _onBarFocus(point, event); }, onBlur: _onBarLeave, "data-is-focusable": shouldHighlight, role: "img", "aria-label": _getAriaLabel(point) })));
+            });
+            return bars;
+        }, [
+            _getAriaLabel,
+            _legendHighlighted,
+            _noLegendHighlighted,
+            _onBarFocus,
+            _onBarHover,
+            props.enableGradient,
+            props.roundCorners,
+            _points,
+        ]);
+        var _getGraphData = React.useCallback(function (xScale, yScale, containerHeight, containerWidth, xAxisElement, yAxisElement) {
+            return (_bars.current = _createBars(xScale, yScale));
+        }, [_createBars]);
+        var _onBarLeave = function () {
+            // do nothing
+        };
+        var _handleChartMouseLeave = React.useCallback(function () {
+            _calloutAnchorPoint.current = null;
+            setCalloutTarget(null);
+            setCalloutVisible(false);
+            setCalloutLegend('');
+            setCalloutColor('');
+            setXCalloutValue('');
+            setYCalloutValue('');
+            setDataPointCalloutProps(undefined);
+        }, []);
+        var _closeCallout = function () {
+            setCalloutVisible(false);
+        };
+        var _onLegendHover = function (legend) {
+            setHoveredLegend(legend);
+        };
+        var _onLegendLeave = function () {
+            setHoveredLegend('');
+        };
+        var _getLegendData = function () {
+            var actions = [];
+            Object.keys(_legendColorMap.current).forEach(function (legendTitle) {
+                var legend = {
+                    title: legendTitle,
+                    color: _legendColorMap.current[legendTitle][0],
+                    hoverAction: function () {
+                        _handleChartMouseLeave();
+                        _onLegendHover(legendTitle);
+                    },
+                    onMouseOutAction: function () {
+                        _onLegendLeave();
+                    },
+                };
+                actions.push(legend);
+            });
+            var legends = (React.createElement(index_1.Legends, tslib_1.__assign({ legends: actions, enabledWrapLines: props.enabledLegendsWrapLines, overflowProps: props.legendsOverflowProps, focusZonePropsInHoverCard: props.focusZonePropsForLegendsInHoverCard, overflowText: props.legendsOverflowText, onChange: _onLegendSelectionChange, ref: _legendsRef }, props.legendProps)));
+            return legends;
+        };
+        var _onLegendSelectionChange = function (_selectedLegends, event, currentLegend) {
+            var _a, _b;
+            if ((_a = props.legendProps) === null || _a === void 0 ? void 0 : _a.canSelectMultipleLegends) {
+                setSelectedLegends(_selectedLegends);
+            }
+            else {
+                setSelectedLegends(_selectedLegends.slice(-1));
+            }
+            if ((_b = props.legendProps) === null || _b === void 0 ? void 0 : _b.onChange) {
+                props.legendProps.onChange(_selectedLegends, event, currentLegend);
+            }
+        };
+        var _getChartTitle = function () {
+            var chartTitle = props.chartTitle;
+            return (chartTitle ? "".concat(chartTitle, ". ") : '') + "Gantt chart with ".concat(_points.length, " bars. ");
+        };
+        var _isChartEmpty = function () {
+            return !(props.data && props.data.length > 0);
+        };
+        var _getYDomainMargins = React.useCallback(function (containerHeight) {
+            _domainMargin.current = index_3.MIN_DOMAIN_MARGIN;
+            var ySet = new Set();
+            _points.forEach(function (point) {
+                ySet.add(point.y);
+            });
+            var uniqueY = Array.from(ySet);
+            /** Total height available to render the bars */
+            var totalHeight = containerHeight - (margins.current.top + index_3.MIN_DOMAIN_MARGIN) - (margins.current.bottom + index_3.MIN_DOMAIN_MARGIN);
+            if (_yAxisType.current !== index_3.YAxisType.StringAxis) {
+                _barHeight.current = Math.max(props.barHeight ||
+                    (0, index_3.calculateAppropriateBarWidth)(uniqueY, totalHeight, _yAxisPadding.current), 1);
+                _domainMargin.current += _barHeight.current / 2;
+            }
+            return tslib_1.__assign(tslib_1.__assign({}, margins.current), { top: margins.current.top + _domainMargin.current, bottom: margins.current.bottom + _domainMargin.current });
+        }, [props.barHeight, _points]);
+        var _getOrderedYAxisLabels = function () {
+            return (0, index_3.sortAxisCategories)(_mapCategoryToValues(), yAxisCategoryOrder);
+        };
+        var _mapCategoryToValues = function () {
+            var categoryToValues = {};
+            _points.forEach(function (point) {
+                if (!categoryToValues[point.y]) {
+                    categoryToValues[point.y] = [];
+                }
+                // FIXME
+                // categoryToValues[point.y].push(point.x.end - point.x.start);
+            });
+            return categoryToValues;
+        };
+        var _renderBars = React.useCallback(function () {
+            return React.createElement("g", null, _bars.current);
+        }, []);
+        if (!_isChartEmpty()) {
+            _adjustProps();
+            var yAxisLabels = _getOrderedYAxisLabels();
+            var legendBars = _getLegendData();
+            var calloutProps = tslib_1.__assign({ isCalloutVisible: isCalloutVisible, directionalHint: react_1.DirectionalHint.topAutoEdge, id: "toolTip".concat(_calloutId.current), target: calloutTarget, isBeakVisible: false, gapSpace: 15, color: calloutColor, legend: calloutLegend, XValue: xCalloutValue, YValue: yCalloutValue, onDismiss: _closeCallout, preventDismissOnLostFocus: true }, props.calloutProps);
+            var tickParams = {
+                tickValues: props.tickValues,
+                tickFormat: props.tickFormat,
+            };
+            return (React.createElement(index_2.CartesianChart, tslib_1.__assign({}, props, { yAxisPadding: _yAxisPadding.current, chartTitle: _getChartTitle(), points: _points, chartType: index_3.ChartTypes.GanttChart, xAxisType: _xAxisType.current, yAxisType: _yAxisType.current, stringDatasetForYAxisDomain: yAxisLabels, calloutProps: calloutProps, tickParams: tickParams, legendBars: legendBars, createYAxis: index_3.createYAxisForHorizontalBarChartWithAxis, getDomainNRangeValues: _getDomainNRangeValues, createStringYAxis: index_3.createStringYAxisForHorizontalBarChartWithAxis, getMinMaxOfYAxis: index_3.findHBCWANumericMinMaxOfY, focusZoneDirection: react_1.FocusZoneDirection.vertical, customizedCallout: _getCustomizedCallout(), getmargins: _getMargins, getYDomainMargins: _getYDomainMargins, getGraphData: _getGraphData, onChartMouseLeave: _handleChartMouseLeave, ref: _cartesianChartRef, useUTC: useUTC, children: _renderBars })));
+        }
+        else {
+            return (React.createElement("div", { id: _emptyChartId.current, role: 'alert', style: { opacity: '0' }, "aria-label": 'Graph has no data to display' }));
+        }
+    });
+    exports.GanttChartBase.displayName = 'GanttChart';
+});
+//# sourceMappingURL=GanttChart.base.js.map

package/lib-amd/components/GanttChart/GanttChart.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttChart.base.js","sourceRoot":"../src/","sources":["components/GanttChart/GanttChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, ScaleBand, ScaleTime } from 'd3-scale';\nimport { DirectionalHint, FocusZoneDirection, getId, getRTL } from '@fluentui/react';\nimport { ILegend, ILegendContainer, Legends } from '../Legends/index';\nimport { IMargins, IChart, IImageExportOptions, IGanttChartDataPoint } from '../../types/IDataPoint';\nimport { CartesianChart } from '../CommonComponents/index';\nimport { IGanttChartProps } from './GanttChart.types';\nimport {\n  ChartHoverCard,\n  ChartTypes,\n  YAxisType,\n  XAxisTypes,\n  getTypeOfAxis,\n  getNextColor,\n  findHBCWANumericMinMaxOfY,\n  createYAxisForHorizontalBarChartWithAxis,\n  IDomainNRange,\n  createStringYAxisForHorizontalBarChartWithAxis,\n  getNextGradient,\n  areArraysEqual,\n  MIN_DOMAIN_MARGIN,\n  sortAxisCategories,\n  calculateAppropriateBarWidth,\n  getColorFromToken,\n  getScalePadding,\n  getDateFormatLevel,\n} from '../../utilities/index';\nimport { toImage } from '../../utilities/image-export-utils';\nimport { formatDateToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';\n\ntype NumberScale = ScaleLinear<number, number>;\ntype StringScale = ScaleBand<string>;\ntype DateScale = ScaleTime<Date, number>;\n\nexport const GanttChartBase: React.FunctionComponent<IGanttChartProps> = React.forwardRef<\n  HTMLDivElement,\n  IGanttChartProps\n>(({ useUTC = true, yAxisCategoryOrder = 'default', ...props }, forwardedRef) => {\n  const _barHeight = React.useRef<number>(0);\n  const _calloutId = React.useRef<string>(getId('callout'));\n  const margins = React.useRef<IMargins>({});\n  const _bars = React.useRef<React.JSX.Element[]>([]);\n  const _xAxisType = React.useRef<XAxisTypes>(XAxisTypes.DateAxis);\n  const _yAxisType = React.useRef<YAxisType>(YAxisType.StringAxis);\n  const _calloutAnchorPoint = React.useRef<IGanttChartDataPoint | null>(null);\n  const _cartesianChartRef = React.useRef<IChart>(null);\n  const _legendsRef = React.useRef<ILegendContainer>(null);\n  const _domainMargin = React.useRef<number>(MIN_DOMAIN_MARGIN);\n  const _yAxisPadding = React.useRef<number>(0);\n  const _emptyChartId = React.useRef<string>(getId('Gantt_empty'));\n  const _legendColorMap = React.useRef<Record<string, [string, string]>>({});\n  const _gradientId = React.useRef<string>(getId('Gantt_gradient'));\n  const prevProps = React.useRef<Partial<IGanttChartProps>>({});\n\n  const [calloutColor, setCalloutColor] = React.useState<string>('');\n  const [isCalloutVisible, setCalloutVisible] = React.useState<boolean>(false);\n  const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n  const [calloutTarget, setCalloutTarget] = React.useState<SVGElement | null>(null);\n  const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<IGanttChartDataPoint>();\n\n  React.useEffect(() => {\n    if (!areArraysEqual(prevProps.current.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n    prevProps.current = props;\n  }, [props]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: _cartesianChartRef.current?.chartContainer ?? null,\n      toImage: (opts?: IImageExportOptions): Promise<string> => {\n        return toImage(_cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, getRTL(), opts);\n      },\n    }),\n    [],\n  );\n\n  const _points = React.useMemo(() => {\n    _legendColorMap.current = {};\n    let colorIndex = 0;\n\n    return (\n      props.data?.map(point => {\n        const legend = `${point.legend}`;\n        if (!_legendColorMap.current[legend]) {\n          let startColor = point.color\n            ? getColorFromToken(point.color, props.theme?.isInverted)\n            : getNextColor(colorIndex, 0, props.theme?.isInverted);\n          let endColor = startColor;\n\n          if (props.enableGradient) {\n            const nextGradient = getNextGradient(colorIndex, 0, props.theme?.isInverted);\n            startColor = point.gradient?.[0] || nextGradient[0];\n            endColor = point.gradient?.[1] || nextGradient[1];\n          }\n\n          _legendColorMap.current[legend] = [startColor, endColor];\n          colorIndex += 1;\n        }\n\n        return {\n          ...point,\n          color: _legendColorMap.current[legend][0],\n          ...(props.enableGradient ? { gradient: _legendColorMap.current[legend] } : {}),\n        };\n      }) ?? []\n    );\n  }, [props.data, props.theme?.isInverted, props.enableGradient]);\n\n  const _dateFormatOptions = React.useMemo(() => {\n    if (_xAxisType.current !== XAxisTypes.DateAxis) {\n      return undefined;\n    }\n\n    let lowestFormatLevel = 100;\n    let highestFormatLevel = -1;\n    _points.forEach(p => {\n      const startFormatLevel = getDateFormatLevel(p.x.start as Date, useUTC);\n      const endFormatLevel = getDateFormatLevel(p.x.end as Date, useUTC);\n      lowestFormatLevel = Math.min(lowestFormatLevel, startFormatLevel, endFormatLevel);\n      highestFormatLevel = Math.max(highestFormatLevel, startFormatLevel, endFormatLevel);\n    });\n\n    return getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n  }, [useUTC, _points]);\n\n  const _getDomainNRangeValues = React.useCallback(\n    (\n      points: IGanttChartDataPoint[],\n      _margins: IMargins,\n      containerWidth: number,\n      chartType: ChartTypes,\n      isRTL: boolean,\n      xAxisType: XAxisTypes,\n      barWidth: number,\n      tickValues: Date[] | number[] | undefined,\n      shiftX: number,\n    ): IDomainNRange => {\n      const xValues: (Date | number)[] = [];\n      points.forEach(point => {\n        xValues.push(point.x.start, point.x.end);\n      });\n\n      const xMin = d3Min(xValues) || 0;\n      const xMax = d3Max(xValues) || 0;\n\n      return {\n        dStartValue: isRTL ? xMax : xMin,\n        dEndValue: isRTL ? xMin : xMax,\n        rStartValue: _margins.left! + (isRTL ? 0 : shiftX),\n        rEndValue: containerWidth - _margins.right! - (isRTL ? shiftX : 0),\n      };\n    },\n    [],\n  );\n\n  const _adjustProps = (): void => {\n    _barHeight.current = Math.max(props.barHeight || 24, 1);\n\n    if (props.data && props.data.length > 0) {\n      _xAxisType.current = getTypeOfAxis(props.data[0].x.start, true) as XAxisTypes;\n      _yAxisType.current = getTypeOfAxis(props.data[0].y, false) as YAxisType;\n    }\n\n    _yAxisPadding.current = getScalePadding(props.yAxisPadding, undefined, 1 / 2);\n  };\n\n  const _getMargins = React.useCallback((_margins: IMargins) => {\n    margins.current = _margins;\n  }, []);\n\n  const _renderContentForOnlyBars = (point: IGanttChartDataPoint): React.JSX.Element => {\n    return (\n      <ChartHoverCard\n        XValue={point.yAxisCalloutData || point.y.toString()}\n        Legend={point.legend}\n        YValue={point.xAxisCalloutData || _getFormattedXValue(point)}\n        color={point.color}\n        culture={props.culture}\n      />\n    );\n  };\n\n  const _renderCallout = (point?: IGanttChartDataPoint): React.JSX.Element | null => {\n    return point ? _renderContentForOnlyBars(point) : null;\n  };\n\n  const _getCustomizedCallout = () => {\n    return props.onRenderCalloutPerDataPoint\n      ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n      : null;\n  };\n\n  const _getFormattedXValue = React.useCallback(\n    (point: IGanttChartDataPoint): string => {\n      let formattedStartX: string;\n      let formattedEndX: string;\n\n      if (_xAxisType.current === XAxisTypes.DateAxis) {\n        formattedStartX = formatDateToLocaleString(\n          point.x.start as Date,\n          props.culture,\n          useUTC,\n          false,\n          _dateFormatOptions,\n        );\n        formattedEndX = formatDateToLocaleString(point.x.end as Date, props.culture, useUTC, false, _dateFormatOptions);\n      } else {\n        formattedStartX = point.x.start.toString();\n        formattedEndX = point.x.end.toString();\n      }\n\n      return `${formattedStartX} - ${formattedEndX}`;\n    },\n    [props.culture, useUTC, _dateFormatOptions],\n  );\n\n  const _getAriaLabel = React.useCallback(\n    (point: IGanttChartDataPoint): string => {\n      const xValue = point.xAxisCalloutData || _getFormattedXValue(point);\n      const yValue = point.yAxisCalloutData || point.y;\n      return point.callOutAccessibilityData?.ariaLabel || `${yValue}. ` + `${xValue}.`;\n    },\n    [_getFormattedXValue],\n  );\n\n  const _getHighlightedLegend = React.useCallback(() => {\n    return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n  }, [hoveredLegend, selectedLegends]);\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  const _legendHighlighted = React.useCallback(\n    (legend: string | undefined) => {\n      return _getHighlightedLegend().includes(`${legend}`);\n    },\n    [_getHighlightedLegend],\n  );\n\n  /**\n   * This function checks if none of the legends is selected or hovered.\n   */\n  const _noLegendHighlighted = React.useCallback(() => {\n    return _getHighlightedLegend().length === 0;\n  }, [_getHighlightedLegend]);\n\n  const _showCallout = React.useCallback(\n    (target: SVGElement, point: IGanttChartDataPoint) => {\n      if (!(_noLegendHighlighted() || _legendHighlighted(point.legend)) || _calloutAnchorPoint.current === point) {\n        return;\n      }\n\n      _calloutAnchorPoint.current = point;\n      setCalloutTarget(target);\n      setCalloutVisible(true);\n      setCalloutLegend(point.legend!);\n      setCalloutColor(point.color!);\n      setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n      setYCalloutValue(point.xAxisCalloutData! || _getFormattedXValue(point));\n      setDataPointCalloutProps(point);\n    },\n    [_getFormattedXValue, _legendHighlighted, _noLegendHighlighted],\n  );\n\n  const _onBarFocus = React.useCallback(\n    (point: IGanttChartDataPoint, focusEvent: React.FocusEvent<SVGElement>): void => {\n      _showCallout(focusEvent.currentTarget, point);\n    },\n    [_showCallout],\n  );\n\n  const _onBarHover = React.useCallback(\n    (point: IGanttChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>): void => {\n      _showCallout(mouseEvent.currentTarget, point);\n    },\n    [_showCallout],\n  );\n\n  const _createBars = React.useCallback(\n    (xScale: DateScale | NumberScale, yScale: NumberScale | StringScale): React.JSX.Element[] => {\n      const bars = _points.map((point: IGanttChartDataPoint, index: number) => {\n        const shouldHighlight = _noLegendHighlighted() || _legendHighlighted(point.legend);\n\n        let startColor = point.color!;\n        let endColor = startColor;\n        if (props.enableGradient) {\n          startColor = point.gradient![0];\n          endColor = point.gradient![1];\n        }\n        const gradientId = `${_gradientId.current}_${index}`;\n\n        const startX = xScale(point.x.start);\n        const endX = xScale(point.x.end);\n        const y =\n          (_yAxisType.current === YAxisType.StringAxis\n            ? (yScale as StringScale)(point.y as string)! + (yScale as StringScale).bandwidth() / 2\n            : (yScale as NumberScale)(point.y as number)) -\n          _barHeight.current / 2;\n\n        return (\n          <React.Fragment key={index}>\n            {props.enableGradient && (\n              <defs>\n                <linearGradient id={gradientId}>\n                  <stop offset=\"0\" stopColor={startColor} />\n                  <stop offset=\"100%\" stopColor={endColor} />\n                </linearGradient>\n              </defs>\n            )}\n            <rect\n              x={Math.min(startX, endX)}\n              y={y}\n              width={Math.abs(endX - startX)}\n              height={_barHeight.current}\n              rx={props.roundCorners ? 3 : 0}\n              fill={props.enableGradient ? `url(#${gradientId})` : startColor}\n              opacity={shouldHighlight ? 1 : 0.1}\n              onClick={point.onClick}\n              onMouseOver={event => _onBarHover(point, event)}\n              onMouseLeave={_onBarLeave}\n              onFocus={event => _onBarFocus(point, event)}\n              onBlur={_onBarLeave}\n              data-is-focusable={shouldHighlight}\n              role=\"img\"\n              aria-label={_getAriaLabel(point)}\n            />\n          </React.Fragment>\n        );\n      });\n      return bars;\n    },\n    [\n      _getAriaLabel,\n      _legendHighlighted,\n      _noLegendHighlighted,\n      _onBarFocus,\n      _onBarHover,\n      props.enableGradient,\n      props.roundCorners,\n      _points,\n    ],\n  );\n\n  const _getGraphData = React.useCallback(\n    (\n      xScale: DateScale | NumberScale,\n      yScale: NumberScale | StringScale,\n      containerHeight: number,\n      containerWidth: number,\n      xAxisElement: SVGElement | null,\n      yAxisElement: SVGElement | null,\n    ) => {\n      return (_bars.current = _createBars(xScale, yScale));\n    },\n    [_createBars],\n  );\n\n  const _onBarLeave = (): void => {\n    // do nothing\n  };\n\n  const _handleChartMouseLeave = React.useCallback((): void => {\n    _calloutAnchorPoint.current = null;\n    setCalloutTarget(null);\n    setCalloutVisible(false);\n    setCalloutLegend('');\n    setCalloutColor('');\n    setXCalloutValue('');\n    setYCalloutValue('');\n    setDataPointCalloutProps(undefined);\n  }, []);\n\n  const _closeCallout = () => {\n    setCalloutVisible(false);\n  };\n\n  const _onLegendHover = (legend: string): void => {\n    setHoveredLegend(legend);\n  };\n\n  const _onLegendLeave = (): void => {\n    setHoveredLegend('');\n  };\n\n  const _getLegendData = (): React.JSX.Element => {\n    const actions: ILegend[] = [];\n\n    Object.keys(_legendColorMap.current).forEach((legendTitle: string) => {\n      const legend: ILegend = {\n        title: legendTitle,\n        color: _legendColorMap.current[legendTitle][0],\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(legendTitle);\n        },\n        onMouseOutAction: () => {\n          _onLegendLeave();\n        },\n      };\n\n      actions.push(legend);\n    });\n\n    const legends = (\n      <Legends\n        legends={actions}\n        enabledWrapLines={props.enabledLegendsWrapLines}\n        overflowProps={props.legendsOverflowProps}\n        focusZonePropsInHoverCard={props.focusZonePropsForLegendsInHoverCard}\n        overflowText={props.legendsOverflowText}\n        onChange={_onLegendSelectionChange}\n        ref={_legendsRef}\n        {...props.legendProps}\n      />\n    );\n    return legends;\n  };\n\n  const _onLegendSelectionChange = (\n    _selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: ILegend,\n  ): void => {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(_selectedLegends);\n    } else {\n      setSelectedLegends(_selectedLegends.slice(-1));\n    }\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(_selectedLegends, event, currentLegend);\n    }\n  };\n\n  const _getChartTitle = (): string => {\n    const { chartTitle } = props;\n    return (chartTitle ? `${chartTitle}. ` : '') + `Gantt chart with ${_points.length} bars. `;\n  };\n\n  const _isChartEmpty = (): boolean => {\n    return !(props.data && props.data.length > 0);\n  };\n\n  const _getYDomainMargins = React.useCallback(\n    (containerHeight: number): IMargins => {\n      _domainMargin.current = MIN_DOMAIN_MARGIN;\n\n      const ySet = new Set<string | number>();\n      _points.forEach((point: IGanttChartDataPoint) => {\n        ySet.add(point.y);\n      });\n      const uniqueY = Array.from(ySet);\n\n      /** Total height available to render the bars */\n      const totalHeight =\n        containerHeight - (margins.current.top! + MIN_DOMAIN_MARGIN) - (margins.current.bottom! + MIN_DOMAIN_MARGIN);\n\n      if (_yAxisType.current !== YAxisType.StringAxis) {\n        _barHeight.current = Math.max(\n          props.barHeight ||\n            calculateAppropriateBarWidth(uniqueY as number[] | Date[], totalHeight, _yAxisPadding.current),\n          1,\n        );\n        _domainMargin.current += _barHeight.current / 2;\n      }\n\n      return {\n        ...margins.current,\n        top: margins.current.top! + _domainMargin.current,\n        bottom: margins.current.bottom! + _domainMargin.current,\n      };\n    },\n    [props.barHeight, _points],\n  );\n\n  const _getOrderedYAxisLabels = () => {\n    return sortAxisCategories(_mapCategoryToValues(), yAxisCategoryOrder);\n  };\n\n  const _mapCategoryToValues = () => {\n    const categoryToValues: Record<string, number[]> = {};\n    _points.forEach(point => {\n      if (!categoryToValues[point.y]) {\n        categoryToValues[point.y] = [];\n      }\n      // FIXME\n      // categoryToValues[point.y].push(point.x.end - point.x.start);\n    });\n    return categoryToValues;\n  };\n\n  const _renderBars = React.useCallback(() => {\n    return <g>{_bars.current}</g>;\n  }, []);\n\n  if (!_isChartEmpty()) {\n    _adjustProps();\n\n    const yAxisLabels = _getOrderedYAxisLabels();\n    const legendBars: React.JSX.Element = _getLegendData();\n    const calloutProps = {\n      isCalloutVisible,\n      directionalHint: DirectionalHint.topAutoEdge,\n      id: `toolTip${_calloutId.current}`,\n      target: calloutTarget,\n      isBeakVisible: false,\n      gapSpace: 15,\n      color: calloutColor,\n      legend: calloutLegend,\n      XValue: xCalloutValue,\n      YValue: yCalloutValue,\n      onDismiss: _closeCallout,\n      preventDismissOnLostFocus: true,\n      ...props.calloutProps,\n    };\n    const tickParams = {\n      tickValues: props.tickValues,\n      tickFormat: props.tickFormat,\n    };\n\n    return (\n      <CartesianChart\n        {...props}\n        yAxisPadding={_yAxisPadding.current}\n        chartTitle={_getChartTitle()}\n        points={_points}\n        chartType={ChartTypes.GanttChart}\n        xAxisType={_xAxisType.current}\n        yAxisType={_yAxisType.current}\n        stringDatasetForYAxisDomain={yAxisLabels}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        createYAxis={createYAxisForHorizontalBarChartWithAxis}\n        getDomainNRangeValues={_getDomainNRangeValues}\n        createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n        getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n        focusZoneDirection={FocusZoneDirection.vertical}\n        customizedCallout={_getCustomizedCallout()}\n        getmargins={_getMargins}\n        getYDomainMargins={_getYDomainMargins}\n        getGraphData={_getGraphData}\n        onChartMouseLeave={_handleChartMouseLeave}\n        ref={_cartesianChartRef}\n        useUTC={useUTC}\n        children={_renderBars}\n      />\n    );\n  } else {\n    return (\n      <div\n        id={_emptyChartId.current}\n        role={'alert'}\n        style={{ opacity: '0' }}\n        aria-label={'Graph has no data to display'}\n      />\n    );\n  }\n});\n\nGanttChartBase.displayName = 'GanttChart';\n"]}

package/lib-amd/components/GanttChart/GanttChart.d.ts

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

package/lib-amd/components/GanttChart/GanttChart.js

@@ -0,0 +1,12 @@
+define(["require", "exports", "@fluentui/react/lib/Utilities", "./GanttChart.base", "./GanttChart.styles"], function (require, exports, Utilities_1, GanttChart_base_1, GanttChart_styles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.GanttChart = void 0;
+    // Create a GanttChart variant which uses these default styles and this styled subcomponent.
+    /**
+     * GanttChart component.
+     * {@docCategory GanttChart}
+     */
+    exports.GanttChart = (0, Utilities_1.styled)(GanttChart_base_1.GanttChartBase, GanttChart_styles_1.getStyles);
+});
+//# sourceMappingURL=GanttChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GanttChart.js","sourceRoot":"../src/","sources":["components/GanttChart/GanttChart.tsx"],"names":[],"mappings":";;;;IAMA,4FAA4F;IAC5F;;;OAGG;IACU,QAAA,UAAU,GAA8C,IAAA,kBAAM,EAIzE,gCAAc,EAAE,6BAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '@fluentui/react/lib/Utilities';\nimport { IGanttChartProps, IGanttChartStyleProps, IGanttChartStyles } from '../../index';\nimport { GanttChartBase } from './GanttChart.base';\nimport { getStyles } from './GanttChart.styles';\n\n// Create a GanttChart variant which uses these default styles and this styled subcomponent.\n/**\n * GanttChart component.\n * {@docCategory GanttChart}\n */\nexport const GanttChart: React.FunctionComponent<IGanttChartProps> = styled<\n  IGanttChartProps,\n  IGanttChartStyleProps,\n  IGanttChartStyles\n>(GanttChartBase, getStyles);\n"]}

package/lib-amd/components/GanttChart/GanttChart.styles.d.ts

@@ -0,0 +1,2 @@
+import { IGanttChartStyleProps, IGanttChartStyles } from '../../index';
+export declare const getStyles: (props: IGanttChartStyleProps) => IGanttChartStyles;

package/lib-amd/components/GanttChart/GanttChart.styles.js

@@ -0,0 +1,10 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getStyles = void 0;
+    var getStyles = function (props) {
+        return {};
+    };
+    exports.getStyles = getStyles;
+});
+//# sourceMappingURL=GanttChart.styles.js.map

package/lib-amd/components/GanttChart/GanttChart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttChart.styles.js","sourceRoot":"../src/","sources":["components/GanttChart/GanttChart.styles.ts"],"names":[],"mappings":";;;;IAEO,IAAM,SAAS,GAAG,UAAC,KAA4B;QACpD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAFW,QAAA,SAAS,aAEpB","sourcesContent":["import { IGanttChartStyleProps, IGanttChartStyles } from '../../index';\n\nexport const getStyles = (props: IGanttChartStyleProps): IGanttChartStyles => {\n  return {};\n};\n"]}

package/lib-amd/components/GanttChart/GanttChart.types.d.ts

@@ -0,0 +1,67 @@
+import { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { ICartesianChartProps, ICartesianChartStyleProps, ICartesianChartStyles, IGanttChartDataPoint } from '../../index';
+/**
+ * Gantt Chart properties
+ * {@docCategory GanttChart}
+ */
+export interface IGanttChartProps extends ICartesianChartProps {
+    /**
+     * Data to render in the chart.
+     */
+    data?: IGanttChartDataPoint[];
+    /**
+     * Define a custom callout renderer for a data point.
+     */
+    onRenderCalloutPerDataPoint?: IRenderFunction<IGanttChartDataPoint>;
+    /**
+     * Width of each bar in the chart.
+     */
+    barHeight?: number;
+    /**
+     * chart title for the chart
+     */
+    chartTitle?: string;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IGanttChartStyleProps, IGanttChartStyles>;
+    /**
+     * The prop used to define the culture to localized the numbers
+     */
+    culture?: string;
+    /**
+     * it's padding between bar's or lines in the graph
+     */
+    yAxisPadding?: number;
+    /**
+     *@default false
+     *Used for to elipse y axis labes and show tooltip on x axis labels
+     */
+    showYAxisLablesTooltip?: boolean;
+    /**
+     *@default false
+     *Used for showing complete y axis lables   */
+    showYAxisLables?: boolean;
+    /**
+     * @default false
+     * The prop used to enable gradient fill color for the chart.
+     */
+    enableGradient?: boolean;
+    /**
+     * @default false
+     * The prop used to enable rounded corners for the bars.
+     */
+    roundCorners?: boolean;
+}
+/**
+ * Gantt Chart style properties
+ * {@docCategory GanttChart}
+ */
+export interface IGanttChartStyleProps extends ICartesianChartStyleProps {
+}
+/**
+ * Gantt Chart styles
+ * {@docCategory GanttChart}
+ */
+export interface IGanttChartStyles extends ICartesianChartStyles {
+}

package/lib-amd/components/GanttChart/GanttChart.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=GanttChart.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GanttChart.types.js","sourceRoot":"../src/","sources":["components/GanttChart/GanttChart.types.ts"],"names":[],"mappings":"","sourcesContent":["import { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';\nimport {\n  ICartesianChartProps,\n  ICartesianChartStyleProps,\n  ICartesianChartStyles,\n  IGanttChartDataPoint,\n} from '../../index';\n\n/**\n * Gantt Chart properties\n * {@docCategory GanttChart}\n */\nexport interface IGanttChartProps extends ICartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: IGanttChartDataPoint[];\n\n  /**\n   * Define a custom callout renderer for a data point.\n   */\n  onRenderCalloutPerDataPoint?: IRenderFunction<IGanttChartDataPoint>;\n\n  /**\n   * Width of each bar in the chart.\n   */\n  barHeight?: number;\n\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IGanttChartStyleProps, IGanttChartStyles>;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   *@default false\n   *Used for to elipse y axis labes and show tooltip on x axis labels\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable gradient fill color for the chart.\n   */\n  enableGradient?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable rounded corners for the bars.\n   */\n  roundCorners?: boolean;\n}\n\n/**\n * Gantt Chart style properties\n * {@docCategory GanttChart}\n */\nexport interface IGanttChartStyleProps extends ICartesianChartStyleProps {}\n\n/**\n * Gantt Chart styles\n * {@docCategory GanttChart}\n */\nexport interface IGanttChartStyles extends ICartesianChartStyles {}\n"]}

package/lib-amd/components/GanttChart/index.d.ts

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

package/lib-amd/components/GanttChart/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./GanttChart", "./GanttChart.types"], function (require, exports, tslib_1, GanttChart_1, GanttChart_types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(GanttChart_1, exports);
+    tslib_1.__exportStar(GanttChart_types_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/GanttChart/index.ts"],"names":[],"mappings":";;;IAAA,4CAA6B;IAC7B,kDAAmC","sourcesContent":["export * from './GanttChart';\nexport * from './GanttChart.types';\n"]}

package/lib-amd/components/LineChart/LineChart.base.js

@@ -855,7 +855,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
         // eslint-disable-next-line @typescript-eslint/no-deprecated
         LineChartBase.prototype._createLines = function (xElement, containerHeight) {
             var _this_1 = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17;
             // eslint-disable-next-line @typescript-eslint/no-deprecated
             var lines = [];
             if (this.state.isSelectedLegend) {
@@ -888,7 +888,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                 var yPadding = this_1._points[i].useSecondaryYScale && this_1._yScaleSecondary ? this_1._yPaddingSecondary : this_1._yPaddingPrimary;
                 var extraMaxPixels = this_1._hasMarkersMode ? this_1._getRangeForScatterMarkerSize(yScale, yPadding) : 0;
                 if (this_1._points[i].data.length === 1) {
-                    var _19 = this_1._points[i].data[0], x1_1 = _19.x, y1 = _19.y, xAxisCalloutData_1 = _19.xAxisCalloutData, xAxisCalloutAccessibilityData_1 = _19.xAxisCalloutAccessibilityData;
+                    var _18 = this_1._points[i].data[0], x1_1 = _18.x, y1 = _18.y, xAxisCalloutData_1 = _18.xAxisCalloutData, xAxisCalloutAccessibilityData_1 = _18.xAxisCalloutAccessibilityData;
                     var circleId_1 = "".concat(this_1._circleId, "_").concat(i);
                     var isLegendSelected = this_1._legendHighlighted(legendVal) || this_1._noLegendHighlighted() || this_1.state.isSelectedLegend;
                     var currentMarkerSize = this_1._points[i].data[0].markerSize;
@@ -953,8 +953,8 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                         var lineId = "".concat(this_1._lineId, "_").concat(i, "_").concat(j);
                         var borderId = "".concat(this_1._borderId, "_").concat(i, "_").concat(j);
                         var circleId = "".concat(this_1._circleId, "_").concat(i, "_").concat(j);
-                        var _20 = this_1._points[i].data[j - 1], x1 = _20.x, y1 = _20.y, xAxisCalloutData = _20.xAxisCalloutData, xAxisCalloutAccessibilityData = _20.xAxisCalloutAccessibilityData;
-                        var _21 = this_1._points[i].data[j], x2 = _21.x, y2 = _21.y;
+                        var _19 = this_1._points[i].data[j - 1], x1 = _19.x, y1 = _19.y, xAxisCalloutData = _19.xAxisCalloutData, xAxisCalloutAccessibilityData = _19.xAxisCalloutAccessibilityData;
+                        var _20 = this_1._points[i].data[j], x2 = _20.x, y2 = _20.y;
                         var path = this_1._getPath(this_1._xAxisScale(x1), yScale(y1), circleId, j, false, this_1._points[i].index);
                         var strokeWidth = ((_s = this_1._points[i].lineOptions) === null || _s === void 0 ? void 0 : _s.strokeWidth) || this_1.props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;
                         var isLegendSelected = this_1._legendHighlighted(legendVal) || this_1._noLegendHighlighted() || this_1.state.isSelectedLegend;
@@ -975,7 +975,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                             var hiddenHoverCircleId = "".concat(circleId).concat(j, "D");
                             var lastPointHidden = this_1._points[i].hideNonActiveDots && activePoint !== lastCircleId_1;
                             path = this_1._getPath(this_1._xAxisScale(x2), yScale(y2), lastCircleId_1, j, true, this_1._points[i].index);
-                            var _22 = this_1._points[i].data[j], lastCirlceXCallout_1 = _22.xAxisCalloutData, lastCirlceXCalloutAccessibilityData_1 = _22.xAxisCalloutAccessibilityData;
+                            var _21 = this_1._points[i].data[j], lastCirlceXCallout_1 = _21.xAxisCalloutData, lastCirlceXCalloutAccessibilityData_1 = _21.xAxisCalloutAccessibilityData;
                             currentMarkerSize = this_1._points[i].data[j].markerSize;
                             var lastSupportsTextMode = (_z = (_y = this_1._points[i].lineOptions) === null || _y === void 0 ? void 0 : _y.mode) === null || _z === void 0 ? void 0 : _z.includes('text');
                             var lastText = this_1._points[i].data[j].text;
@@ -1029,12 +1029,7 @@ define(["require", "exports", "tslib", "react", "d3-selection", "d3-array", "../
                         xAxisScale: this_1._xAxisScale,
                         yAxisScale: yScale,
                         className: classNames.markerLabel || '',
-                        maybeLineOptions: ((_17 = this_1._points[i]) === null || _17 === void 0 ? void 0 : _17.lineOptions)
-                            ? {
-                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                originXOffset: (_18 = this_1._points[i].lineOptions) === null || _18 === void 0 ? void 0 : _18.originXOffset,
-                            }
-                            : undefined,
+                        lineOptions: (_17 = this_1._points[i]) === null || _17 === void 0 ? void 0 : _17.lineOptions,
                     }));
                 }
                 lines.push(React.createElement("g", { key: "line_".concat(i), role: "region", "aria-label": "".concat(legendVal, ", line ").concat(i + 1, " of ").concat(this_1._points.length, " with ").concat(this_1._points[i].data.length, " data points.") },