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

package/lib-commonjs/views/card/BasePrimaryTextCardView.js

@@ -1,41 +1,24 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasePrimaryTextCardView = void 0;
-var tslib_1 = require("tslib");
-var sp_core_library_1 = require("@microsoft/sp-core-library");
-var primaryTextL1Template_1 = require("../../ac-template/primaryTextL1Template");
-var primaryTextL1TemplateSelectAction_1 = require("../../ac-template/primaryTextL1TemplateSelectAction");
-var BaseTemplateCardView_1 = require("./BaseTemplateCardView");
-var GenericTemplates_1 = require("./parameters/GenericTemplates");
-/**
- * Base class for a Primary Text Card view.
- *
- * @remarks The Primary Text Card view displays the following:
- *  - Card Title
- *  - Card Icon
- *  - One primary text field
- *  - One description text field
- *  - One buttons in the `Medium` Card size, up to two buttons in `Large` Card size
- *
- *
- * @public
- */
-var BasePrimaryTextCardView = /** @class */ (function (_super) {
-    tslib_1.__extends(BasePrimaryTextCardView, _super);
-    function BasePrimaryTextCardView() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @internal
-         */
-        _this._templateType = 'PrimaryText';
-        return _this;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BasePrimaryTextCardView", {
+    enumerable: true,
+    get: function() {
+        return BasePrimaryTextCardView;
     }
+});
+const _spcorelibrary = require("@microsoft/sp-core-library");
+const _primaryTextL1Template = require("../../ac-template/primaryTextL1Template");
+const _primaryTextL1TemplateSelectAction = require("../../ac-template/primaryTextL1TemplateSelectAction");
+const _BaseTemplateCardView = require("./BaseTemplateCardView");
+const _GenericTemplates = require("./parameters/GenericTemplates");
+class BasePrimaryTextCardView extends _BaseTemplateCardView.BaseTemplateCardView {
     /**
-     * @internal
-     */
-    BasePrimaryTextCardView.prototype._getCardViewParameters = function () {
-        var data = this.data;
-        var parameters = (0, GenericTemplates_1.PrimaryTextCardView)({
+   * @internal
+   */ _getCardViewParameters() {
+        const data = this.data;
+        const parameters = (0, _GenericTemplates.PrimaryTextCardView)({
             cardBar: this._getCardBarConfiguration(),
             header: {
                 componentName: 'text',
@@ -50,23 +33,23 @@ var BasePrimaryTextCardView = /** @class */ (function (_super) {
         // updating the cardViewType to track "old" templates
         parameters.cardViewType = 'primaryText-template';
         return parameters;
-    };
-    Object.defineProperty(BasePrimaryTextCardView.prototype, "template", {
+    }
+    /**
+   * Returns the Adaptive Card template for the {@link BasePrimaryTextCardView}.
+   *
+   * @public
+   * @sealed
+   * @deprecated template property is deprecated for card views.
+   */ get template() {
+        return this._getTemplate(_primaryTextL1Template.primaryTextL1Template, _primaryTextL1TemplateSelectAction.primaryTextL1TemplateSelectAction);
+    }
+    constructor(...args){
+        super(...args);
         /**
-         * Returns the Adaptive Card template for the {@link BasePrimaryTextCardView}.
-         *
-         * @public
-         * @sealed
-         * @deprecated template property is deprecated for card views.
-         */
-        get: function () {
-            return this._getTemplate(primaryTextL1Template_1.primaryTextL1Template, primaryTextL1TemplateSelectAction_1.primaryTextL1TemplateSelectAction);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return BasePrimaryTextCardView;
-}(BaseTemplateCardView_1.BaseTemplateCardView));
-exports.BasePrimaryTextCardView = BasePrimaryTextCardView;
-(0, sp_core_library_1._ES5CompatibleClass)(BasePrimaryTextCardView);
-//# sourceMappingURL=BasePrimaryTextCardView.js.map
+   * @internal
+   */ this._templateType = 'PrimaryText';
+    }
+}
+(0, _spcorelibrary._ES5CompatibleClass)(BasePrimaryTextCardView);
+
+//# sourceMappingURL=./BasePrimaryTextCardView.js.map

package/lib-commonjs/views/card/BaseTemplateCardView.js

@@ -1,76 +1,57 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseTemplateCardView = void 0;
-var tslib_1 = require("tslib");
-var sp_core_library_1 = require("@microsoft/sp-core-library");
-var sp_lodash_subset_1 = require("@microsoft/sp-lodash-subset");
-var BaseCardView_1 = require("./BaseCardView");
-var CardButtonComponent_1 = require("../../components/CardButtonComponent");
-/**
- * Primitive base class for template-based Card views.
- *
- * @remarks No third-party Card views should inherit from this class.
- *
- * @public
- * @sealed
- */
-var BaseTemplateCardView = /** @class */ (function (_super) {
-    tslib_1.__extends(BaseTemplateCardView, _super);
-    function BaseTemplateCardView() {
-        return _super !== null && _super.apply(this, arguments) || this;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BaseTemplateCardView", {
+    enumerable: true,
+    get: function() {
+        return BaseTemplateCardView;
+    }
+});
+const _spcorelibrary = require("@microsoft/sp-core-library");
+const _splodashsubset = require("@microsoft/sp-lodash-subset");
+const _BaseCardView = require("./BaseCardView");
+const _CardButtonComponent = require("../../components/CardButtonComponent");
+class BaseTemplateCardView extends _BaseCardView.BaseCardView {
+    /**
+   * The buttons displayed on the Card.
+   *
+   * @remarks Some Card view templates will restrict how many buttons can be displayed depending on
+   * various factors. See the documentation for the respective base Card View class for specific details.
+   *
+   * @virtual
+   */ get cardButtons() {
+        return undefined;
     }
-    Object.defineProperty(BaseTemplateCardView.prototype, "cardButtons", {
-        /**
-         * The buttons displayed on the Card.
-         *
-         * @remarks Some Card view templates will restrict how many buttons can be displayed depending on
-         * various factors. See the documentation for the respective base Card View class for specific details.
-         *
-         * @virtual
-         */
-        get: function () {
-            return undefined;
-        },
-        enumerable: false,
-        configurable: true
-    });
     /**
-     * @internal
-     */
-    BaseTemplateCardView.prototype._getTemplate = function (template, cardSelectionTemplate) {
-        return (0, sp_lodash_subset_1.cloneDeep)(this.onCardSelection ? cardSelectionTemplate : template);
-    };
+   * @internal
+   */ _getTemplate(template, cardSelectionTemplate) {
+        return (0, _splodashsubset.cloneDeep)(this.onCardSelection ? cardSelectionTemplate : template);
+    }
     /**
-     * Transforms cardButtons to GenericCardViewFooterConfiguration
-     *
-     * @internal
-     */
-    BaseTemplateCardView.prototype._getGenericCardViewFooterConfiguration = function () {
-        var cardButtons = this.cardButtons;
+   * Transforms cardButtons to GenericCardViewFooterConfiguration
+   *
+   * @internal
+   */ _getGenericCardViewFooterConfiguration() {
+        const cardButtons = this.cardButtons;
         if (!cardButtons) {
             return undefined;
         }
         if (cardButtons.length === 1) {
-            return (0, CardButtonComponent_1._cardButtonToConfiguration)(cardButtons[0]);
+            return (0, _CardButtonComponent._cardButtonToConfiguration)(cardButtons[0]);
         }
         if (cardButtons.length > 2) {
-            return cardButtons
-                .splice(0, 2)
-                .map(function (button) { return (0, CardButtonComponent_1._cardButtonToConfiguration)(button); });
+            return cardButtons.splice(0, 2).map((button)=>(0, _CardButtonComponent._cardButtonToConfiguration)(button));
+        } else {
+            return cardButtons.map((button)=>(0, _CardButtonComponent._cardButtonToConfiguration)(button));
         }
-        else {
-            return cardButtons.map(function (button) {
-                return (0, CardButtonComponent_1._cardButtonToConfiguration)(button);
-            });
-        }
-    };
+    }
     /**
-     * Gets the card bar configuration based on card parameters (data)
-     *
-     * @internal
-     */
-    BaseTemplateCardView.prototype._getCardBarConfiguration = function () {
-        var _a = this.data, title = _a.title, iconProperty = _a.iconProperty, iconAltText = _a.iconAltText, _iconPropertyFallback = _a._iconPropertyFallback;
+   * Gets the card bar configuration based on card parameters (data)
+   *
+   * @internal
+   */ _getCardBarConfiguration() {
+        const { title, iconProperty, iconAltText, _iconPropertyFallback } = this.data;
         return {
             componentName: 'cardBar',
             title: title || this._ace.title,
@@ -80,9 +61,8 @@ var BaseTemplateCardView = /** @class */ (function (_super) {
                 _urlFallback: _iconPropertyFallback
             }
         };
-    };
-    return BaseTemplateCardView;
-}(BaseCardView_1.BaseCardView));
-exports.BaseTemplateCardView = BaseTemplateCardView;
-(0, sp_core_library_1._ES5CompatibleClass)(BaseTemplateCardView);
-//# sourceMappingURL=BaseTemplateCardView.js.map
+    }
+}
+(0, _spcorelibrary._ES5CompatibleClass)(BaseTemplateCardView);
+
+//# sourceMappingURL=./BaseTemplateCardView.js.map

package/lib-commonjs/views/card/DefaultCardView.js

@@ -1,32 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultCardView = void 0;
-var tslib_1 = require("tslib");
-var BaseBasicCardView_1 = require("./BaseBasicCardView");
-/**
- * @internal
- */
-var DefaultCardView = /** @class */ (function (_super) {
-    tslib_1.__extends(DefaultCardView, _super);
-    function DefaultCardView(primaryText) {
-        var _this = _super.call(this) || this;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DefaultCardView", {
+    enumerable: true,
+    get: function() {
+        return DefaultCardView;
+    }
+});
+const _BaseBasicCardView = require("./BaseBasicCardView");
+class DefaultCardView extends _BaseBasicCardView.BaseBasicCardView {
+    get data() {
+        return {
+            primaryText: this._primaryText
+        };
+    }
+    constructor(primaryText){
+        super();
         /**
-         * @internal
-         */
-        _this._templateType = 'Basic';
-        _this._primaryText = primaryText;
-        return _this;
+   * @internal
+   */ this._templateType = 'Basic';
+        this._primaryText = primaryText;
     }
-    Object.defineProperty(DefaultCardView.prototype, "data", {
-        get: function () {
-            return {
-                primaryText: this._primaryText
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return DefaultCardView;
-}(BaseBasicCardView_1.BaseBasicCardView));
-exports.DefaultCardView = DefaultCardView;
-//# sourceMappingURL=DefaultCardView.js.map
+}
+
+//# sourceMappingURL=./DefaultCardView.js.map

package/lib-commonjs/views/card/parameters/BaseParameters.js

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

package/lib-commonjs/views/card/parameters/CardViewParametersProcessors.js

@@ -1,40 +1,35 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardViewParametersProcessors = void 0;
-/**
- * The card view parameters processors.
- * @remarks - The processors are used to process the card view parameters before rendering.
- *
- * @internal
- */
-var CardViewParametersProcessors = /** @class */ (function () {
-    function CardViewParametersProcessors() {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CardViewParametersProcessors", {
+    enumerable: true,
+    get: function() {
+        return CardViewParametersProcessors;
     }
+});
+class CardViewParametersProcessors {
     /**
-     * To register a processor for a key.
-     */
-    CardViewParametersProcessors.register = function (key, processor) {
+   * To register a processor for a key.
+   */ static register(key, processor) {
         this._processors.set(key, processor);
-    };
+    }
     /**
-     * To execute a processor for a key.
-     * @remarks - If no processor is registered for the key, the parameters are returned as is.
-     * @param key - The key.
-     * @param parameters - The card view parameters to process.
-     * @param context - The context for the processor.
-     */
-    CardViewParametersProcessors.execute = function (key, parameters, context) {
+   * To execute a processor for a key.
+   * @remarks - If no processor is registered for the key, the parameters are returned as is.
+   * @param key - The key.
+   * @param parameters - The card view parameters to process.
+   * @param context - The context for the processor.
+   */ static execute(key, parameters, context) {
         if (this._processors.has(key)) {
-            var processor = this._processors.get(key);
+            const processor = this._processors.get(key);
             return processor(parameters, context);
         }
         return parameters;
-    };
-    /**
-     * The registered processors map.
-     */
-    CardViewParametersProcessors._processors = new Map();
-    return CardViewParametersProcessors;
-}());
-exports.CardViewParametersProcessors = CardViewParametersProcessors;
-//# sourceMappingURL=CardViewParametersProcessors.js.map
+    }
+}
+/**
+   * The registered processors map.
+   */ CardViewParametersProcessors._processors = new Map();
+
+//# sourceMappingURL=./CardViewParametersProcessors.js.map

package/lib-commonjs/views/card/parameters/DataVisualizationParameters.js

@@ -1,51 +1,43 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._dataVisualizationCardViewParametersProcessor = exports.BarChartCardView = exports.PieChartCardView = exports.LineChartCardView = void 0;
-var tslib_1 = require("tslib");
-var LineChartComponent_1 = require("../../../components/LineChartComponent");
-var CardViewParametersProcessors_1 = require("./CardViewParametersProcessors");
-var TextComponent_1 = require("../../../components/TextComponent");
-var CardBarComponent_1 = require("../../../components/CardBarComponent");
-var GenericTemplates_1 = require("./GenericTemplates");
-var PieChartComponent_1 = require("../../../components/PieChartComponent");
-var BarChartComponent_1 = require("../../../components/BarChartComponent");
-var BarChartComponent_2 = require("../../../components/BarChartComponent");
-/**
- * Helper method to create a line chart card view
- *
- * @param configuration - line chart card view configuration.
- * @returns - line chart card view parameters.
- *
- * @public
- */
+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, {
+    BarChartCardView: function() {
+        return BarChartCardView;
+    },
+    LineChartCardView: function() {
+        return LineChartCardView;
+    },
+    PieChartCardView: function() {
+        return PieChartCardView;
+    },
+    _dataVisualizationCardViewParametersProcessor: function() {
+        return _dataVisualizationCardViewParametersProcessor;
+    }
+});
+const _LineChartComponent = require("../../../components/LineChartComponent");
+const _CardViewParametersProcessors = require("./CardViewParametersProcessors");
+const _TextComponent = require("../../../components/TextComponent");
+const _CardBarComponent = require("../../../components/CardBarComponent");
+const _GenericTemplates = require("./GenericTemplates");
+const _PieChartComponent = require("../../../components/PieChartComponent");
+const _BarChartComponent = require("../../../components/BarChartComponent");
 function LineChartCardView(configuration) {
-    return _DataVisualizationCardView(configuration, (LineChartComponent_1._lineConfigurationToParameters));
+    return _DataVisualizationCardView(configuration, _LineChartComponent._lineConfigurationToParameters);
 }
-exports.LineChartCardView = LineChartCardView;
-/**
- * Helper method to create a pie chart card view
- *
- * @param configuration - pie chart card view configuration.
- * @returns - pie chart card view parameters.
- *
- * @public
- */
 function PieChartCardView(configuration) {
-    return _DataVisualizationCardView(configuration, PieChartComponent_1._pieConfigurationToParameters);
+    return _DataVisualizationCardView(configuration, _PieChartComponent._pieConfigurationToParameters);
 }
-exports.PieChartCardView = PieChartCardView;
-/**
- * Helper method to create a bar chart card view.
- *
- * @param configuration - bar chart card view configuration.
- * @returns - bar chart card view parameters.
- *
- * @public
- */
 function BarChartCardView(configuration) {
-    return _DataVisualizationCardView(configuration, BarChartComponent_1._barConfigurationToParameters);
+    return _DataVisualizationCardView(configuration, _BarChartComponent._barConfigurationToParameters);
 }
-exports.BarChartCardView = BarChartCardView;
 /**
  * Helper method to create a card view
  *
@@ -53,65 +45,72 @@ exports.BarChartCardView = BarChartCardView;
  * @returns - card view parameters.
  *
  * @internal
- */
-function _DataVisualizationCardView(configuration, componentConfigurationToParameters) {
-    var cardBar = configuration.cardBar, header = configuration.header, body = configuration.body, footer = configuration.footer;
-    var bodyParameters;
+ */ function _DataVisualizationCardView(configuration, componentConfigurationToParameters) {
+    const { cardBar, header, body, footer } = configuration;
+    let bodyParameters;
     if (!Array.isArray(body)) {
-        bodyParameters = [componentConfigurationToParameters(body)];
-    }
-    else if (body.length === 1) {
-        bodyParameters = [componentConfigurationToParameters(body[0])];
-    }
-    else {
-        bodyParameters = [(0, TextComponent_1._textConfigurationToParameters)(body[0]), componentConfigurationToParameters(body[1])];
+        bodyParameters = [
+            componentConfigurationToParameters(body)
+        ];
+    } else if (body.length === 1) {
+        bodyParameters = [
+            componentConfigurationToParameters(body[0])
+        ];
+    } else {
+        bodyParameters = [
+            (0, _TextComponent._textConfigurationToParameters)(body[0]),
+            componentConfigurationToParameters(body[1])
+        ];
     }
     return {
         cardViewType: 'dataVisualization',
         image: undefined,
-        cardBar: [(0, CardBarComponent_1._cardViewBarConfigurationToParameters)(cardBar)],
-        header: header && [(0, TextComponent_1._textConfigurationToParameters)(header)],
+        cardBar: [
+            (0, _CardBarComponent._cardViewBarConfigurationToParameters)(cardBar)
+        ],
+        header: header && [
+            (0, _TextComponent._textConfigurationToParameters)(header)
+        ],
         body: bodyParameters,
-        footer: footer && (0, GenericTemplates_1._footerConfigurationToFooterParameters)(footer)
+        footer: footer && (0, _GenericTemplates._footerConfigurationToFooterParameters)(footer)
     };
 }
 /**
  * @internal
- */
-function _dataVisualizationComponentProcessor(parameters, hasHeader, hasDescription, hasFooter, cardSize) {
-    switch (parameters.dataVisualizationKind) {
+ */ function _dataVisualizationComponentProcessor(parameters, hasHeader, hasDescription, hasFooter, cardSize) {
+    switch(parameters.dataVisualizationKind){
         case 'line':
-            return (0, LineChartComponent_1._preProcessLineChartParameters)(parameters, hasHeader, hasDescription, hasFooter, cardSize);
+            return (0, _LineChartComponent._preProcessLineChartParameters)(parameters, hasHeader, hasDescription, hasFooter, cardSize);
         case 'pie':
-            return (0, PieChartComponent_1._preProcessPieChartParameters)(parameters, hasHeader, hasDescription, hasFooter, cardSize);
+            return (0, _PieChartComponent._preProcessPieChartParameters)(parameters, hasHeader, hasDescription, hasFooter, cardSize);
         case 'bar':
-            return (0, BarChartComponent_2._preProcessBarChartParameters)(parameters, hasHeader, hasDescription, hasFooter, cardSize);
+            return (0, _BarChartComponent._preProcessBarChartParameters)(parameters, hasHeader, hasDescription, hasFooter, cardSize);
         default:
             return parameters;
     }
 }
-/**
- * @internal
- */
-var _dataVisualizationCardViewParametersProcessor = function (cardViewParameters, context) {
-    var params = tslib_1.__assign({}, cardViewParameters);
+const _dataVisualizationCardViewParametersProcessor = (cardViewParameters, context)=>{
+    const params = {
+        ...cardViewParameters
+    };
     if (context.cardSize === 'Medium') {
         params.header = undefined;
         params.footer = undefined;
         if (params.body.length === 2) {
-            params.body = [params.body[1]];
+            params.body = [
+                params.body[1]
+            ];
         }
     }
-    var header = params.header, body = params.body, footer = params.footer;
-    var hasHeader = !!(header === null || header === void 0 ? void 0 : header.length);
-    var hasDescription = params.body.length === 2;
-    var hasFooter = !!(footer === null || footer === void 0 ? void 0 : footer.length);
+    const { header, body, footer } = params;
+    const hasHeader = !!header?.length;
+    const hasDescription = params.body.length === 2;
+    const hasFooter = !!footer?.length;
     if (body.length === 1) {
         params.body = [
             _dataVisualizationComponentProcessor(body[0], hasHeader, hasDescription, hasFooter, context.cardSize)
         ];
-    }
-    else {
+    } else {
         params.body = [
             body[0],
             _dataVisualizationComponentProcessor(body[1], hasHeader, hasDescription, hasFooter, context.cardSize)
@@ -119,6 +118,6 @@ var _dataVisualizationCardViewParametersProcessor = function (cardViewParameters
     }
     return params;
 };
-exports._dataVisualizationCardViewParametersProcessor = _dataVisualizationCardViewParametersProcessor;
-CardViewParametersProcessors_1.CardViewParametersProcessors.register('dataVisualization', exports._dataVisualizationCardViewParametersProcessor);
-//# sourceMappingURL=DataVisualizationParameters.js.map
+_CardViewParametersProcessors.CardViewParametersProcessors.register('dataVisualization', _dataVisualizationCardViewParametersProcessor);
+
+//# sourceMappingURL=./DataVisualizationParameters.js.map