@fluentui/react-charting 5.24.16 → 5.24.18

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

@@ -340,7 +340,7 @@ var transformPlotlyJsonToVSBCProps = function (input, isMultiPlot, colorMap, col
         });
     });
     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) {
@@ -386,7 +386,7 @@ var transformPlotlyJsonToGVBCProps = function (input, isMultiPlot, colorMap, col
         });
     });
     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) {
@@ -598,9 +598,9 @@ var transformPlotlyJsonToHorizontalBarWithAxisProps = function (input, isMultiPl
     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) {
@@ -647,7 +647,7 @@ var transformPlotlyJsonToGanttChartProps = function (input, isMultiPlot, colorMa
             .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) {
@@ -914,7 +914,7 @@ var formatValue = function (value, colIndex, cells) {
     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])
@@ -926,11 +926,11 @@ var transformPlotlyJsonToChartTableProps = function (input, isMultiPlot, colorMa
             })
             : 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;
                 }
@@ -941,28 +941,37 @@ var transformPlotlyJsonToChartTableProps = function (input, isMultiPlot, colorMa
             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'
@@ -971,17 +980,17 @@ var transformPlotlyJsonToChartTableProps = function (input, isMultiPlot, colorMa
             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;
             }
@@ -989,17 +998,17 @@ var transformPlotlyJsonToChartTableProps = function (input, isMultiPlot, colorMa
                 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 {
@@ -1009,13 +1018,15 @@ var transformPlotlyJsonToChartTableProps = function (input, isMultiPlot, colorMa
         });
     });
     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,
     };
 };
@@ -1136,7 +1147,7 @@ var transformPlotlyJsonToFunnelChartProps = function (input, isMultiPlot, colorM
         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,
     };
 };
@@ -1773,4 +1784,38 @@ var parseLocalDate = function (value) {
     }
     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