@microsoft/sp-adaptive-card-extension-base 1.23.2 → 1.24.0-beta.2

package/lib-commonjs/components/BarChartComponent.js

@@ -1,17 +1,25 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._preProcessBarChartParameters = exports._barConfigurationToParameters = void 0;
-var tslib_1 = require("tslib");
-var DataVisualizationComponent_1 = require("./DataVisualizationComponent");
-/**
- * Convert bar chart configuration to data visualization parameters.
- *
- * @internal
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    _barConfigurationToParameters: function() {
+        return _barConfigurationToParameters;
+    },
+    _preProcessBarChartParameters: function() {
+        return _preProcessBarChartParameters;
+    }
+});
+const _DataVisualizationComponent = require("./DataVisualizationComponent");
 function _barConfigurationToParameters(configuration) {
     return configuration;
 }
-exports._barConfigurationToParameters = _barConfigurationToParameters;
 /**
  * Changes the value to a comparable value.
  * @remarks If the value is a Date, it will be converted to a number.
@@ -19,48 +27,38 @@ exports._barConfigurationToParameters = _barConfigurationToParameters;
  * @param value - value to be converted to comparable value
  * @returns comparable value
  * @internal
- */
-function _getComparableValue(value) {
+ */ function _getComparableValue(value) {
     if (value instanceof Date) {
         return value.getTime();
     }
     return value;
 }
 function _getBarChartXAxis(params, type, pointsCount) {
-    var _a, _b;
-    var labelValues = tslib_1.__spreadArray([], ((_b = (_a = params.xAxis) === null || _a === void 0 ? void 0 : _a.labelValues) !== null && _b !== void 0 ? _b : []), true);
+    let labelValues = [
+        ...params.xAxis?.labelValues ?? []
+    ];
     /**
-     * If Developer dont provide x-axis labels, then generate them from series
-     *
-     * Number and Date types - sort in ascending order and pick last (5)pointsCount labels
-     * String type
-     * - Pick from last of series - 1 followed by series - 2 and series - 3
-     * - Example: series - 1: ['A','Q','T'], series - 2: [A,B,C,Y,Z], series - 3: [A,B,X,S,H] and pointsCount = 5
-     * - we need pur xAxis labels as ['Y','Z','A','Q','T']
-     * - To achieve this we are traversing each series in reverse order and picking unique labels and then reversing the labels again
-     */
-    if (labelValues.length === 0) {
-        var _loop_1 = function (series) {
-            var _loop_2 = function (i) {
-                if (!labelValues.find(function (value) { return _getComparableValue(value) === _getComparableValue(series.data[i].x); })) {
+   * If Developer dont provide x-axis labels, then generate them from series
+   *
+   * Number and Date types - sort in ascending order and pick last (5)pointsCount labels
+   * String type
+   * - Pick from last of series - 1 followed by series - 2 and series - 3
+   * - Example: series - 1: ['A','Q','T'], series - 2: [A,B,C,Y,Z], series - 3: [A,B,X,S,H] and pointsCount = 5
+   * - we need pur xAxis labels as ['Y','Z','A','Q','T']
+   * - To achieve this we are traversing each series in reverse order and picking unique labels and then reversing the labels again
+   */ if (labelValues.length === 0) {
+        for (const series of params.series){
+            for(let i = series.data.length - 1; i >= 0; i--){
+                if (!labelValues.find((value)=>_getComparableValue(value) === _getComparableValue(series.data[i].x))) {
                     labelValues.push(series.data[i].x);
                 }
-            };
-            for (var i = series.data.length - 1; i >= 0; i--) {
-                _loop_2(i);
             }
-        };
-        for (var _i = 0, _c = params.series; _i < _c.length; _i++) {
-            var series = _c[_i];
-            _loop_1(series);
         }
         if (type === 'date') {
-            labelValues.sort(function (a, b) { return a.getTime() - b.getTime(); });
-        }
-        else if (type === 'number') {
-            labelValues.sort(function (a, b) { return a - b; });
-        }
-        else {
+            labelValues.sort((a, b)=>a.getTime() - b.getTime());
+        } else if (type === 'number') {
+            labelValues.sort((a, b)=>a - b);
+        } else {
             labelValues.reverse();
         }
     }
@@ -68,27 +66,28 @@ function _getBarChartXAxis(params, type, pointsCount) {
     if (labelValues.length > pointsCount) {
         labelValues = labelValues.slice(labelValues.length - pointsCount);
     }
-    return tslib_1.__assign(tslib_1.__assign({}, params.xAxis), { labelValues: labelValues });
+    return {
+        ...params.xAxis,
+        labelValues
+    };
 }
 function _getBarChartSeries(params) {
-    var _a, _b;
-    var labelsSet = new Set((_b = (_a = params.xAxis) === null || _a === void 0 ? void 0 : _a.labelValues) === null || _b === void 0 ? void 0 : _b.map(function (value) { return _getComparableValue(value); }));
-    return params.series.map(function (series) {
-        return tslib_1.__assign(tslib_1.__assign({}, series), { data: series.data.filter(function (data) { return labelsSet.has(_getComparableValue(data.x)); }) });
+    const labelsSet = new Set(params.xAxis?.labelValues?.map((value)=>_getComparableValue(value)));
+    return params.series.map((series)=>{
+        return {
+            ...series,
+            data: series.data.filter((data)=>labelsSet.has(_getComparableValue(data.x)))
+        };
     });
 }
 function _getBarChartTypeByData(series) {
-    for (var _i = 0, series_1 = series; _i < series_1.length; _i++) {
-        var singleSeries = series_1[_i];
-        for (var _a = 0, _b = singleSeries.data; _a < _b.length; _a++) {
-            var data = _b[_a];
+    for (const singleSeries of series){
+        for (const data of singleSeries.data){
             if (data.x instanceof Date) {
                 return 'date';
-            }
-            else if (typeof data.x === 'string') {
+            } else if (typeof data.x === 'string') {
                 return 'string';
-            }
-            else if (typeof data.x === 'number') {
+            } else if (typeof data.x === 'number') {
                 return 'number';
             }
         }
@@ -96,35 +95,32 @@ function _getBarChartTypeByData(series) {
     return 'number';
 }
 function _getBarChartShowDataLabels(params, isPartialHeightChart, isMediumSizedChart, cardSize) {
-    return (params.showDataLabels === true &&
-        !isPartialHeightChart &&
-        !isMediumSizedChart &&
-        params.series.length === 1 &&
-        cardSize === 'Large');
+    return params.showDataLabels === true && !isPartialHeightChart && !isMediumSizedChart && params.series.length === 1 && cardSize === 'Large';
 }
 function _preProcessBarChartParameters(parameters, hasHeader, hasDescription, hasFooter, cardSize) {
-    var params = tslib_1.__assign({}, parameters);
-    var _a = (0, DataVisualizationComponent_1._getCartesianChartLayoutProperties)(params, hasHeader, hasDescription, hasFooter, cardSize), isMediumSizedChart = _a.isMediumSizedChart, isPartialHeightChart = _a.isPartialHeightChart, showLegend = _a.showLegend, position = _a.position;
+    const params = {
+        ...parameters
+    };
+    const { isMediumSizedChart, isPartialHeightChart, showLegend, position } = (0, _DataVisualizationComponent._getCartesianChartLayoutProperties)(params, hasHeader, hasDescription, hasFooter, cardSize);
     // If at least one of series[].data[].x is of type Date, set type to 'date'
-    var type = _getBarChartTypeByData(params.series);
+    const type = _getBarChartTypeByData(params.series);
     /**
-     * Allowed points count as per chart size
-     * Large - 5 points
-     * Medium - single series - 3 points
-     * Medium - multiple series - 2 points
-     */
-    var pointsCount = isMediumSizedChart ? (params.series.length > 1 ? 2 : 3) : 5;
+   * Allowed points count as per chart size
+   * Large - 5 points
+   * Medium - single series - 3 points
+   * Medium - multiple series - 2 points
+   */ const pointsCount = isMediumSizedChart ? params.series.length > 1 ? 2 : 3 : 5;
     params.xAxis = _getBarChartXAxis(params, type, pointsCount);
     params.series = _getBarChartSeries(params);
     params._metadata = {
-        type: type,
+        type,
         xLabelsCount: pointsCount,
         yLabelsCount: isPartialHeightChart ? 3 : 4,
-        showLegend: showLegend,
-        position: position,
+        showLegend,
+        position,
         showDataLabels: _getBarChartShowDataLabels(params, isPartialHeightChart, isMediumSizedChart, cardSize)
     };
     return params;
 }
-exports._preProcessBarChartParameters = _preProcessBarChartParameters;
-//# sourceMappingURL=BarChartComponent.js.map
+
+//# sourceMappingURL=./BarChartComponent.js.map

package/lib-commonjs/components/BaseComponent.js

@@ -1,19 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateComponentId = void 0;
 /**
+ * Names of the components allowed in a card view.
  *
- * Generates a unique component id or returns the id if it is already set.
- *
- * @internal
- *
- * @param instanceId - ACE Instance
- * @param cardViewPart - Card View Part (header, body, footer)
- * @param component - Component properties
- * @param index - index of the component in the list of components in the card view part
- */
+ * @public
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "generateComponentId", {
+    enumerable: true,
+    get: function() {
+        return generateComponentId;
+    }
+});
 function generateComponentId(instanceId, cardViewPart, component, index) {
-    return component.id || "".concat(instanceId, "-").concat(cardViewPart, "-").concat(index, "-").concat(component.componentName);
+    return component.id || `${instanceId}-${cardViewPart}-${index}-${component.componentName}`;
 }
-exports.generateComponentId = generateComponentId;
-//# sourceMappingURL=BaseComponent.js.map
+
+//# sourceMappingURL=./BaseComponent.js.map

package/lib-commonjs/components/CardBarComponent.js

@@ -1,12 +1,18 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._cardViewBarConfigurationToParameters = void 0;
-var tslib_1 = require("tslib");
-/**
- * @internal
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "_cardViewBarConfigurationToParameters", {
+    enumerable: true,
+    get: function() {
+        return _cardViewBarConfigurationToParameters;
+    }
+});
 function _cardViewBarConfigurationToParameters(configuration) {
-    return tslib_1.__assign(tslib_1.__assign({}, configuration), { componentName: 'cardBar' });
+    return {
+        ...configuration,
+        componentName: 'cardBar'
+    };
 }
-exports._cardViewBarConfigurationToParameters = _cardViewBarConfigurationToParameters;
-//# sourceMappingURL=CardBarComponent.js.map
+
+//# sourceMappingURL=./CardBarComponent.js.map

package/lib-commonjs/components/CardButtonComponent.js

@@ -1,19 +1,30 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._cardButtonParametersToCardButton = exports._cardButtonToConfiguration = exports._cardButtonConfigurationToParameters = void 0;
-var tslib_1 = require("tslib");
-/**
- * @internal
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    _cardButtonConfigurationToParameters: function() {
+        return _cardButtonConfigurationToParameters;
+    },
+    _cardButtonParametersToCardButton: function() {
+        return _cardButtonParametersToCardButton;
+    },
+    _cardButtonToConfiguration: function() {
+        return _cardButtonToConfiguration;
+    }
+});
 function _cardButtonConfigurationToParameters(configuration) {
-    return tslib_1.__assign(tslib_1.__assign({}, configuration), { componentName: 'cardButton' });
+    return {
+        ...configuration,
+        componentName: 'cardButton'
+    };
 }
-exports._cardButtonConfigurationToParameters = _cardButtonConfigurationToParameters;
-/**
- * Helper function to convert ICardButton to ICardButtonConfiguration
- *
- * @internal
- */
 function _cardButtonToConfiguration(cardButton) {
     return {
         componentName: 'cardButton',
@@ -23,14 +34,6 @@ function _cardButtonToConfiguration(cardButton) {
         id: cardButton.id
     };
 }
-exports._cardButtonToConfiguration = _cardButtonToConfiguration;
-/**
- * Converts parameters to ICardButton
- *
- * @privateRemarks remove when IDC implements support for ACE Components
- *
- * @internal
- */
 function _cardButtonParametersToCardButton(parameters) {
     return {
         title: parameters.title,
@@ -39,5 +42,5 @@ function _cardButtonParametersToCardButton(parameters) {
         id: parameters.id
     };
 }
-exports._cardButtonParametersToCardButton = _cardButtonParametersToCardButton;
-//# sourceMappingURL=CardButtonComponent.js.map
+
+//# sourceMappingURL=./CardButtonComponent.js.map

package/lib-commonjs/components/DataVisualizationComponent.js

@@ -1,29 +1,40 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._getCartesianChartLayoutProperties = exports._getDataVisualizationComponentPosition = void 0;
-/**
- * Chart is rendered on right side (fixed layout) if atleast 2 of the 3 card elements are present: Header, Footer, Description
- *
- * @internal
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    _getCartesianChartLayoutProperties: function() {
+        return _getCartesianChartLayoutProperties;
+    },
+    _getDataVisualizationComponentPosition: function() {
+        return _getDataVisualizationComponentPosition;
+    }
+});
 function _getDataVisualizationComponentPosition(hasHeader, hasDescription, hasFooter) {
-    return (hasHeader && hasFooter) || (hasDescription && (hasHeader || hasFooter)) ? 'fixed' : 'body';
+    return hasHeader && hasFooter || hasDescription && (hasHeader || hasFooter) ? 'fixed' : 'body';
 }
-exports._getDataVisualizationComponentPosition = _getDataVisualizationComponentPosition;
 function _getCartesianChartLayoutProperties(parameters, hasHeader, hasDescription, hasFooter, cardSize) {
     // Chart is rendered on right side if atleast 2 of the 3 are present: Header, Footer, Description
-    var position = _getDataVisualizationComponentPosition(hasHeader, hasDescription, hasFooter);
+    const position = _getDataVisualizationComponentPosition(hasHeader, hasDescription, hasFooter);
     // Width of the chart is half of the large card if it is in fixed layout which is approximately equal as Medium Card
-    var isMediumSizedChart = position === 'fixed' || cardSize === 'Medium';
+    const isMediumSizedChart = position === 'fixed' || cardSize === 'Medium';
     // if chart is in body and at least one of the 3 (header, footer, description) is present, then it is partial height, max limit of yLabels is 3
     // Height of chart is full in case of fixed layout or medium cards
-    var isPartialHeightChart = (hasHeader || hasFooter || hasDescription) && !isMediumSizedChart;
+    const isPartialHeightChart = (hasHeader || hasFooter || hasDescription) && !isMediumSizedChart;
     // Show legend only for full-sized charts with multiple series, where at least one series has a name.
-    var showLegend = !isMediumSizedChart &&
-        !isPartialHeightChart &&
-        parameters.series.length > 1 &&
-        parameters.series.some(function (s) { return 'name' in s; });
-    return { isMediumSizedChart: isMediumSizedChart, isPartialHeightChart: isPartialHeightChart, showLegend: showLegend, position: position };
+    const showLegend = !isMediumSizedChart && !isPartialHeightChart && parameters.series.length > 1 && parameters.series.some((s)=>'name' in s);
+    return {
+        isMediumSizedChart,
+        isPartialHeightChart,
+        showLegend,
+        position
+    };
 }
-exports._getCartesianChartLayoutProperties = _getCartesianChartLayoutProperties;
-//# sourceMappingURL=DataVisualizationComponent.js.map
+
+//# sourceMappingURL=./DataVisualizationComponent.js.map

package/lib-commonjs/components/ICardButtonBase.js

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

package/lib-commonjs/components/LineChartComponent.js

@@ -1,37 +1,43 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._preProcessLineChartParameters = exports._lineConfigurationToParameters = void 0;
-var tslib_1 = require("tslib");
-var DataVisualizationComponent_1 = require("./DataVisualizationComponent");
-/**
- * Convert line chart configuration to data visualization parameters.
- *
- * @internal
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    _lineConfigurationToParameters: function() {
+        return _lineConfigurationToParameters;
+    },
+    _preProcessLineChartParameters: function() {
+        return _preProcessLineChartParameters;
+    }
+});
+const _DataVisualizationComponent = require("./DataVisualizationComponent");
 function _lineConfigurationToParameters(configuration) {
     return configuration;
 }
-exports._lineConfigurationToParameters = _lineConfigurationToParameters;
 function _preProcessLineChartParameters(parameters, hasHeader, hasDescription, hasFooter, cardSize) {
-    var params = tslib_1.__assign({}, parameters);
+    const params = {
+        ...parameters
+    };
     // If at least one of series[].data[].x is of type Date, set type to 'date'
-    var type = params.series.some(function (series) {
-        return series.data.some(function (data) { return data.x instanceof Date; });
-    })
-        ? 'date'
-        : 'number';
-    var _a = (0, DataVisualizationComponent_1._getCartesianChartLayoutProperties)(params, hasHeader, hasDescription, hasFooter, cardSize), isMediumSizedChart = _a.isMediumSizedChart, isPartialHeightChart = _a.isPartialHeightChart, showLegend = _a.showLegend, position = _a.position;
+    const type = params.series.some((series)=>series.data.some((data)=>data.x instanceof Date)) ? 'date' : 'number';
+    const { isMediumSizedChart, isPartialHeightChart, showLegend, position } = (0, _DataVisualizationComponent._getCartesianChartLayoutProperties)(params, hasHeader, hasDescription, hasFooter, cardSize);
     if (isMediumSizedChart && params.series.length > 1) {
         params.series = params.series.slice(0, 1);
     }
     params._metadata = {
-        type: type,
+        type,
         xLabelsCount: isMediumSizedChart ? 3 : 6,
         yLabelsCount: isPartialHeightChart ? 3 : 4,
-        showLegend: showLegend,
-        position: position
+        showLegend,
+        position
     };
     return params;
 }
-exports._preProcessLineChartParameters = _preProcessLineChartParameters;
-//# sourceMappingURL=LineChartComponent.js.map
+
+//# sourceMappingURL=./LineChartComponent.js.map

package/lib-commonjs/components/PieChartComponent.js

@@ -1,43 +1,47 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._preProcessPieChartParameters = exports._pieConfigurationToParameters = void 0;
-var tslib_1 = require("tslib");
-var DataVisualizationComponent_1 = require("./DataVisualizationComponent");
-/**
- * Convert pie chart configuration to data visualization parameters.
- *
- * @internal
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    _pieConfigurationToParameters: function() {
+        return _pieConfigurationToParameters;
+    },
+    _preProcessPieChartParameters: function() {
+        return _preProcessPieChartParameters;
+    }
+});
+const _DataVisualizationComponent = require("./DataVisualizationComponent");
 function _pieConfigurationToParameters(configuration) {
     return configuration;
 }
-exports._pieConfigurationToParameters = _pieConfigurationToParameters;
 /**
  * Function to calculate the metadata properties for the pie chart based on card layout.
- */
-function _getPieChartProperties(cardSize, position, isPartialHeightCard) {
+ */ function _getPieChartProperties(cardSize, position, isPartialHeightCard) {
     if (position === 'fixed') {
         return {
             pieChartSize: 'fixed',
             maxCategories: 8,
             maxLabels: 4
         };
-    }
-    else if (isPartialHeightCard) {
+    } else if (isPartialHeightCard) {
         return {
             pieChartSize: 'partial',
             maxCategories: 6,
             maxLabels: 2
         };
-    }
-    else if (cardSize === 'Medium') {
+    } else if (cardSize === 'Medium') {
         return {
             pieChartSize: 'medium',
             maxCategories: 6,
             maxLabels: 2
         };
-    }
-    else {
+    } else {
         return {
             pieChartSize: 'full',
             maxCategories: 10,
@@ -49,56 +53,77 @@ function _limitPieDataByMaxCategories(series, maxCategories) {
     if (series.data.length <= maxCategories) {
         return series;
     }
-    var limitedData = series.data.slice(0, maxCategories - 1);
-    var others = {
+    const limitedData = series.data.slice(0, maxCategories - 1);
+    const others = {
         x: 'Others',
-        y: series.data.slice(maxCategories - 1).reduce(function (sum, dataPoint) { return sum + dataPoint.y; }, 0),
+        y: series.data.slice(maxCategories - 1).reduce((sum, dataPoint)=>sum + dataPoint.y, 0),
         color: '#EDEDED',
         showLabel: false
     };
-    return tslib_1.__assign(tslib_1.__assign({}, series), { data: tslib_1.__spreadArray(tslib_1.__spreadArray([], limitedData, true), [others], false) });
+    return {
+        ...series,
+        data: [
+            ...limitedData,
+            others
+        ]
+    };
 }
 function _createDataLabels(series, pieChartSize, maxLabels, showLabelValue) {
-    var sumY = series.data.reduce(function (sum, dataPoint) { return sum + dataPoint.y; }, 0);
-    var labelsCount = 0;
-    var dataPointsWithLabels = series.data.map(function (dataPoint) {
+    const sumY = series.data.reduce((sum, dataPoint)=>sum + dataPoint.y, 0);
+    let labelsCount = 0;
+    const dataPointsWithLabels = series.data.map((dataPoint)=>{
         if (labelsCount < maxLabels && dataPoint.showLabel === showLabelValue) {
             labelsCount++;
-            return tslib_1.__assign(tslib_1.__assign({}, dataPoint), { _dataLabel: pieChartSize === 'fixed' || pieChartSize === 'medium'
-                    ? "".concat(((dataPoint.y / sumY) * 100).toFixed(0), "%")
-                    : "".concat(dataPoint.x.substring(0, 3), ":").concat(((dataPoint.y / sumY) * 100).toFixed(0), "%") });
+            return {
+                ...dataPoint,
+                _dataLabel: pieChartSize === 'fixed' || pieChartSize === 'medium' ? `${(dataPoint.y / sumY * 100).toFixed(0)}%` : `${dataPoint.x.substring(0, 3)}:${(dataPoint.y / sumY * 100).toFixed(0)}%`
+            };
         }
         return dataPoint;
     });
-    return tslib_1.__assign(tslib_1.__assign({}, series), { data: dataPointsWithLabels });
+    return {
+        ...series,
+        data: dataPointsWithLabels
+    };
 }
 function _handleDataLabels(series, maxLabels, pieChartSize) {
-    if (series.data.some(function (dataPoint) { return dataPoint.showLabel; })) {
+    if (series.data.some((dataPoint)=>dataPoint.showLabel)) {
         // Create data labels where showLabel is true
         return _createDataLabels(series, pieChartSize, maxLabels, true);
-    }
-    else {
+    } else {
         // Else treat undefined showLabel as true and create corresponding data labels
         return _createDataLabels(series, pieChartSize, maxLabels, undefined);
     }
 }
-/* Internal function to pre-process required metadata for rendering Pie chart */
 function _preProcessPieChartParameters(parameters, hasHeader, hasDescription, hasFooter, cardSize) {
-    var position = (0, DataVisualizationComponent_1._getDataVisualizationComponentPosition)(hasHeader, hasDescription, hasFooter);
-    var isPartialHeightCard = position === 'body' && (hasHeader || hasDescription || hasFooter);
-    var pieProperties = _getPieChartProperties(cardSize, position, isPartialHeightCard);
-    var updatedSeries = parameters.series.map(function (series) {
+    const position = (0, _DataVisualizationComponent._getDataVisualizationComponentPosition)(hasHeader, hasDescription, hasFooter);
+    const isPartialHeightCard = position === 'body' && (hasHeader || hasDescription || hasFooter);
+    const pieProperties = _getPieChartProperties(cardSize, position, isPartialHeightCard);
+    const updatedSeries = parameters.series.map((series)=>{
         // Sort series by descending order of y value
-        var sortedSeries = tslib_1.__assign(tslib_1.__assign({}, series), { data: tslib_1.__spreadArray([], series.data, true).sort(function (a, b) { return b.y - a.y; }).map(function (item) { return (tslib_1.__assign({}, item)); }) });
+        const sortedSeries = {
+            ...series,
+            data: [
+                ...series.data
+            ].sort((a, b)=>b.y - a.y).map((item)=>({
+                    ...item
+                }))
+        };
         // Limit series by number of categories if exceeding maxCategories. Display excess as Others.
-        var limitedSeries = _limitPieDataByMaxCategories(sortedSeries, pieProperties.maxCategories);
+        const limitedSeries = _limitPieDataByMaxCategories(sortedSeries, pieProperties.maxCategories);
         // Handle data labels based on the showLabel property.
         return _handleDataLabels(limitedSeries, pieProperties.maxLabels, pieProperties.pieChartSize);
     });
-    return tslib_1.__assign(tslib_1.__assign({}, parameters), { series: [updatedSeries[0]], _metadata: {
-            position: (0, DataVisualizationComponent_1._getDataVisualizationComponentPosition)(hasHeader, hasDescription, hasFooter),
+    return {
+        ...parameters,
+        series: [
+            updatedSeries[0]
+        ],
+        _metadata: {
+            position: (0, _DataVisualizationComponent._getDataVisualizationComponentPosition)(hasHeader, hasDescription, hasFooter),
             pieChartSize: pieProperties.pieChartSize
-        } });
+        }
+    };
 }
-exports._preProcessPieChartParameters = _preProcessPieChartParameters;
-//# sourceMappingURL=PieChartComponent.js.map
+
+//# sourceMappingURL=./PieChartComponent.js.map