@fluentui/react-charting 5.24.16 → 5.24.18

package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -330,7 +330,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             });
         });
         var vsbcData = Object.values(mapXToDataPoints);
-        return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ data: vsbcData, width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, barWidth: 'auto', yMaxValue: yMaxValue, yMinValue: yMinValue, mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, supportNegativeData: true, barGapMax: 2, showYAxisLables: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, wrapXAxisLables: typeof ((_d = vsbcData[0]) === null || _d === void 0 ? void 0 : _d.xAxisPoint) === 'string' }), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat);
+        return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ data: vsbcData, width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, barWidth: 'auto', yMaxValue: yMaxValue, yMinValue: yMinValue, mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, supportNegativeData: true, barGapMax: 2, showYAxisLables: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, wrapXAxisLables: typeof ((_d = vsbcData[0]) === null || _d === void 0 ? void 0 : _d.xAxisPoint) === 'string' }), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat), getBarProps(input.data, input.layout));
     };
     exports.transformPlotlyJsonToVSBCProps = transformPlotlyJsonToVSBCProps;
     var transformPlotlyJsonToGVBCProps = function (input, isMultiPlot, colorMap, colorwayType, isDarkTheme) {
@@ -376,7 +376,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             });
         });
         var gvbcData = Object.values(mapXToDataPoints);
-        return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ data: gvbcData, width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, barwidth: 'auto', mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, wrapXAxisLables: typeof ((_d = gvbcData[0]) === null || _d === void 0 ? void 0 : _d.name) === 'string' }), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat);
+        return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ data: gvbcData, width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, barwidth: 'auto', mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, wrapXAxisLables: typeof ((_d = gvbcData[0]) === null || _d === void 0 ? void 0 : _d.name) === 'string' }), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat), getBarProps(input.data, input.layout));
     };
     exports.transformPlotlyJsonToGVBCProps = transformPlotlyJsonToGVBCProps;
     var transformPlotlyJsonToVBCProps = function (input, isMultiPlot, colorMap, colorwayType, isDarkTheme) {
@@ -588,9 +588,9 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
         var scalingFactor = 0.01;
         var gapFactor = 1 / (1 + scalingFactor * numberOfRows);
         var barHeight = availableHeight / (numberOfRows * (1 + gapFactor));
-        return tslib_1.__assign(tslib_1.__assign({ data: chartData, secondaryYAxistitle: typeof ((_k = (_j = input.layout) === null || _j === void 0 ? void 0 : _j.yaxis2) === null || _k === void 0 ? void 0 : _k.title) === 'string'
+        return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ data: chartData, secondaryYAxistitle: typeof ((_k = (_j = input.layout) === null || _j === void 0 ? void 0 : _j.yaxis2) === null || _k === void 0 ? void 0 : _k.title) === 'string'
                 ? (_m = (_l = input.layout) === null || _l === void 0 ? void 0 : _l.yaxis2) === null || _m === void 0 ? void 0 : _m.title
-                : ((_q = (_p = (_o = input.layout) === null || _o === void 0 ? void 0 : _o.yaxis2) === null || _p === void 0 ? void 0 : _p.title) === null || _q === void 0 ? void 0 : _q.text) || '', barHeight: barHeight, showYAxisLables: true, height: chartHeight, width: (_r = input.layout) === null || _r === void 0 ? void 0 : _r.width, hideTickOverlap: true, hideLegend: hideLegend, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, roundCorners: true }, getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout));
+                : ((_q = (_p = (_o = input.layout) === null || _o === void 0 ? void 0 : _o.yaxis2) === null || _p === void 0 ? void 0 : _p.title) === null || _q === void 0 ? void 0 : _q.text) || '', barHeight: barHeight, showYAxisLables: true, height: chartHeight, width: (_r = input.layout) === null || _r === void 0 ? void 0 : _r.width, hideTickOverlap: true, hideLegend: hideLegend, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, roundCorners: true }, getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getBarProps(input.data, input.layout, true));
     };
     exports.transformPlotlyJsonToHorizontalBarWithAxisProps = transformPlotlyJsonToHorizontalBarWithAxisProps;
     var transformPlotlyJsonToGanttChartProps = function (input, isMultiPlot, colorMap, colorwayType, isDarkTheme) {
@@ -637,7 +637,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                 .filter(function (point) { return point !== null; });
         })
             .flat();
-        return tslib_1.__assign(tslib_1.__assign({ data: chartData, showYAxisLables: true, height: (_b = (_a = input.layout) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 350, width: (_c = input.layout) === null || _c === void 0 ? void 0 : _c.width, hideTickOverlap: true, hideLegend: hideLegend, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, roundCorners: true, useUTC: false }, getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout));
+        return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ data: chartData, showYAxisLables: true, height: (_b = (_a = input.layout) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 350, width: (_c = input.layout) === null || _c === void 0 ? void 0 : _c.width, hideTickOverlap: true, hideLegend: hideLegend, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, roundCorners: true, useUTC: false }, getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getBarProps(input.data, input.layout, true));
     };
     exports.transformPlotlyJsonToGanttChartProps = transformPlotlyJsonToGanttChartProps;
     var transformPlotlyJsonToHeatmapProps = function (input, isMultiPlot, colorMap, colorwayType, isDarkTheme) {
@@ -904,7 +904,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
         return "".concat(prefix !== null && prefix !== void 0 ? prefix : '').concat(formatted).concat(suffix !== null && suffix !== void 0 ? suffix : '');
     };
     var transformPlotlyJsonToChartTableProps = function (input, isMultiPlot, colorMap, colorwayType, isDarkTheme) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         var tableData = input.data[0];
         var normalizeHeaders = function (values, header) {
             var cleanedValues = Array.isArray(values[0])
@@ -916,11 +916,11 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                 })
                 : values.map(function (cell) { return cleanText(cell); });
             return cleanedValues.map(function (value, colIndex) {
-                var _a, _b, _c;
+                var _a, _b, _c, _d, _e, _f, _g, _h;
                 var fontColorRaw = (_a = header === null || header === void 0 ? void 0 : header.font) === null || _a === void 0 ? void 0 : _a.color;
                 var fontColor;
                 if (Array.isArray(fontColorRaw)) {
-                    var colorEntry = fontColorRaw[colIndex];
+                    var colorEntry = (_b = fontColorRaw[colIndex]) !== null && _b !== void 0 ? _b : fontColorRaw[0];
                     if (Array.isArray(colorEntry)) {
                         fontColor = typeof colorEntry[0] === 'string' ? colorEntry[0] : undefined;
                     }
@@ -931,28 +931,37 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                 else if (typeof fontColorRaw === 'string') {
                     fontColor = fontColorRaw;
                 }
-                var fontSizeRaw = (_b = header === null || header === void 0 ? void 0 : header.font) === null || _b === void 0 ? void 0 : _b.size;
+                var fontSizeRaw = (_c = header === null || header === void 0 ? void 0 : header.font) === null || _c === void 0 ? void 0 : _c.size;
                 var fontSize;
                 if (Array.isArray(fontSizeRaw)) {
-                    fontSize = Array.isArray(fontSizeRaw[0]) ? fontSizeRaw[0][colIndex] : fontSizeRaw[colIndex];
+                    var fontSizeEntry = (_d = fontSizeRaw[colIndex]) !== null && _d !== void 0 ? _d : fontSizeRaw[0];
+                    fontSize = Array.isArray(fontSizeRaw[0])
+                        ? (_e = fontSizeRaw[0][colIndex]) !== null && _e !== void 0 ? _e : fontSizeRaw[0][0]
+                        : typeof fontSizeEntry === 'number'
+                            ? fontSizeEntry
+                            : undefined;
                 }
                 else if (typeof fontSizeRaw === 'number') {
                     fontSize = fontSizeRaw;
                 }
                 var updatedColIndex = colIndex >= 1 ? 1 : 0;
-                var fillColorRaw = (_c = header === null || header === void 0 ? void 0 : header.fill) === null || _c === void 0 ? void 0 : _c.color;
-                var backgroundColor = Array.isArray(fillColorRaw) ? fillColorRaw[updatedColIndex] : fillColorRaw;
+                var fillColorRaw = (_f = header === null || header === void 0 ? void 0 : header.fill) === null || _f === void 0 ? void 0 : _f.color;
+                var backgroundColor = Array.isArray(fillColorRaw)
+                    ? (_g = fillColorRaw[updatedColIndex]) !== null && _g !== void 0 ? _g : fillColorRaw[0]
+                    : fillColorRaw;
                 var textAlignRaw = header === null || header === void 0 ? void 0 : header.align;
-                var textAlign = Array.isArray(textAlignRaw) ? textAlignRaw[colIndex] : textAlignRaw;
+                var textAlign = Array.isArray(textAlignRaw) ? (_h = textAlignRaw[colIndex]) !== null && _h !== void 0 ? _h : textAlignRaw[0] : textAlignRaw;
                 var style = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, (typeof fontColor === 'string' ? { color: fontColor } : {})), (typeof fontSize === 'number' ? { fontSize: fontSize } : {})), (typeof backgroundColor === 'string' ? { backgroundColor: backgroundColor } : {})), (textAlign ? { textAlign: textAlign } : {}));
                 return { value: value, style: style };
             });
         };
         var columns = (_b = (_a = tableData.cells) === null || _a === void 0 ? void 0 : _a.values) !== null && _b !== void 0 ? _b : [];
-        var cells = tableData.cells.font ? tableData.cells : (_e = (_d = (_c = input.layout) === null || _c === void 0 ? void 0 : _c.template) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.table[0].cells;
+        var cells = tableData.cells && Object.keys(tableData.cells).length > 0
+            ? tableData.cells
+            : (_g = (_f = (_e = (_d = (_c = input.layout) === null || _c === void 0 ? void 0 : _c.template) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.table) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.cells;
         var rows = columns[0].map(function (_, rowIndex) {
             return columns.map(function (col, colIndex) {
-                var _a, _b, _c;
+                var _a, _b, _c, _d, _e, _f, _g;
                 var cellValue = col[rowIndex];
                 var cleanValue = typeof cellValue === 'string' ? cleanText(cellValue) : cellValue;
                 var formattedValue = typeof cleanValue === 'string' || typeof cleanValue === 'number'
@@ -961,17 +970,17 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                 var rawFontColor = (_a = cells === null || cells === void 0 ? void 0 : cells.font) === null || _a === void 0 ? void 0 : _a.color;
                 var fontColor;
                 if (Array.isArray(rawFontColor)) {
-                    var entry = rawFontColor[colIndex];
+                    var entry = (_b = rawFontColor[colIndex]) !== null && _b !== void 0 ? _b : rawFontColor[0];
                     var colorValue = Array.isArray(entry) ? entry[rowIndex] : entry;
                     fontColor = typeof colorValue === 'string' ? colorValue : undefined;
                 }
                 else if (typeof rawFontColor === 'string') {
                     fontColor = rawFontColor;
                 }
-                var rawFontSize = (_b = cells === null || cells === void 0 ? void 0 : cells.font) === null || _b === void 0 ? void 0 : _b.size;
+                var rawFontSize = (_c = cells === null || cells === void 0 ? void 0 : cells.font) === null || _c === void 0 ? void 0 : _c.size;
                 var fontSize;
                 if (Array.isArray(rawFontSize)) {
-                    var entry = rawFontSize[colIndex];
+                    var entry = (_d = rawFontSize[colIndex]) !== null && _d !== void 0 ? _d : rawFontSize[0];
                     var fontSizeValue = Array.isArray(entry) ? entry[rowIndex] : entry;
                     fontSize = typeof fontSizeValue === 'number' ? fontSizeValue : undefined;
                 }
@@ -979,17 +988,17 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
                     fontSize = rawFontSize;
                 }
                 var updatedColIndex = colIndex >= 1 ? 1 : 0;
-                var rawBackgroundColor = (_c = cells === null || cells === void 0 ? void 0 : cells.fill) === null || _c === void 0 ? void 0 : _c.color;
+                var rawBackgroundColor = (_e = cells === null || cells === void 0 ? void 0 : cells.fill) === null || _e === void 0 ? void 0 : _e.color;
                 var backgroundColor;
                 if (Array.isArray(rawBackgroundColor)) {
-                    var entry = rawBackgroundColor[updatedColIndex];
+                    var entry = (_f = rawBackgroundColor[updatedColIndex]) !== null && _f !== void 0 ? _f : rawBackgroundColor[0];
                     var colorValue = Array.isArray(entry) ? entry[rowIndex] : entry;
                     backgroundColor = typeof colorValue === 'string' ? colorValue : undefined;
                 }
                 else if (typeof rawBackgroundColor === 'string') {
                     backgroundColor = rawBackgroundColor;
                 }
-                var rawTextAlign = Array.isArray(cells === null || cells === void 0 ? void 0 : cells.align) ? cells.align[colIndex] : cells === null || cells === void 0 ? void 0 : cells.align;
+                var rawTextAlign = Array.isArray(cells === null || cells === void 0 ? void 0 : cells.align) ? (_g = cells.align[colIndex]) !== null && _g !== void 0 ? _g : cells.align[0] : cells === null || cells === void 0 ? void 0 : cells.align;
                 var textAlign = rawTextAlign;
                 var style = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, (fontColor ? { color: fontColor } : {})), (typeof fontSize === 'number' ? { fontSize: fontSize } : {})), (backgroundColor ? { backgroundColor: backgroundColor } : {})), (textAlign ? { textAlign: textAlign } : {}));
                 return {
@@ -999,13 +1008,15 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             });
         });
         var styles = {
-            root: tslib_1.__assign({}, (((_g = (_f = input.layout) === null || _f === void 0 ? void 0 : _f.font) === null || _g === void 0 ? void 0 : _g.size) ? { fontSize: input.layout.font.size } : {})),
+            root: tslib_1.__assign({}, (((_j = (_h = input.layout) === null || _h === void 0 ? void 0 : _h.font) === null || _j === void 0 ? void 0 : _j.size) ? { fontSize: input.layout.font.size } : {})),
         };
         return {
-            headers: normalizeHeaders((_j = (_h = tableData.header) === null || _h === void 0 ? void 0 : _h.values) !== null && _j !== void 0 ? _j : [], ((_k = tableData.header) === null || _k === void 0 ? void 0 : _k.font) ? tableData.header : (_o = (_m = (_l = input.layout) === null || _l === void 0 ? void 0 : _l.template) === null || _m === void 0 ? void 0 : _m.data) === null || _o === void 0 ? void 0 : _o.table[0].header),
+            headers: normalizeHeaders((_l = (_k = tableData.header) === null || _k === void 0 ? void 0 : _k.values) !== null && _l !== void 0 ? _l : [], tableData.header && Object.keys(tableData.header).length > 0
+                ? tableData.header
+                : (_p = (_o = (_m = input.layout) === null || _m === void 0 ? void 0 : _m.template) === null || _o === void 0 ? void 0 : _o.data) === null || _p === void 0 ? void 0 : _p.table[0].header),
             rows: rows,
-            width: (_p = input.layout) === null || _p === void 0 ? void 0 : _p.width,
-            height: (_q = input.layout) === null || _q === void 0 ? void 0 : _q.height,
+            width: (_q = input.layout) === null || _q === void 0 ? void 0 : _q.width,
+            height: (_r = input.layout) === null || _r === void 0 ? void 0 : _r.height,
             styles: styles,
         };
     };
@@ -1126,7 +1137,7 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
             data: funnelData,
             width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width,
             height: (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height,
-            orientation: ((_c = input.data[0]) === null || _c === void 0 ? void 0 : _c.orientation) === 'v' ? 'vertical' : 'horizontal',
+            orientation: ((_c = input.data[0]) === null || _c === void 0 ? void 0 : _c.orientation) === 'v' ? 'horizontal' : 'vertical',
             hideLegend: isMultiPlot || ((_d = input.layout) === null || _d === void 0 ? void 0 : _d.showlegend) === false,
         };
     };
@@ -1763,5 +1774,39 @@ define(["require", "exports", "tslib", "d3-array", "d3-scale", "d3-format", "../
         }
         return new Date(value);
     };
+    var getBarProps = function (data, layout, isHorizontal) {
+        var padding;
+        if (typeof (layout === null || layout === void 0 ? void 0 : layout.bargap) === 'number') {
+            padding = layout.bargap;
+        }
+        var plotlyBarWidths = data
+            .map(function (series) {
+            if (series.type === 'bar' && ((0, chart_utilities_1.isArrayOrTypedArray)(series.width) || typeof series.width === 'number')) {
+                return series.width;
+            }
+            return [];
+        })
+            .flat();
+        var maxPlotlyBarWidth = (0, d3_array_1.max)(plotlyBarWidths);
+        if (typeof maxPlotlyBarWidth === 'number') {
+            padding = 1 - maxPlotlyBarWidth;
+            padding = Math.max(0, Math.min(padding, 1));
+        }
+        if (typeof padding === 'undefined') {
+            return {};
+        }
+        if (isHorizontal) {
+            return {
+                maxBarHeight: 1000,
+                yAxisPadding: padding,
+            };
+        }
+        return {
+            barWidth: 'auto',
+            maxBarWidth: 1000,
+            xAxisInnerPadding: padding,
+            xAxisOuterPadding: padding / 2,
+        };
+    };
 });
 //# sourceMappingURL=PlotlySchemaAdapter.js.map