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

package/lib-commonjs/views/navigator/ViewNavigator.js

@@ -1,236 +1,181 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewNavigator = exports.EmptyQuickView = void 0;
-var tslib_1 = require("tslib");
-var BaseAdaptiveCardQuickView_1 = require("../quickView/BaseAdaptiveCardQuickView");
-var ViewRegistry_1 = require("./ViewRegistry");
-var Killswitches_1 = require("../../common/Killswitches");
-/**
- * A simple implemenation of the card view that is used while the defer load of
- * a quickview is happening.
- *
- * @internal
- */
-var EmptyQuickView = /** @class */ (function (_super) {
-    tslib_1.__extends(EmptyQuickView, _super);
-    function EmptyQuickView() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(EmptyQuickView.prototype, "data", {
-        get: function () {
-            return {};
-        },
-        enumerable: false,
-        configurable: true
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
     });
-    Object.defineProperty(EmptyQuickView.prototype, "template", {
-        get: function () {
-            return {};
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return EmptyQuickView;
-}(BaseAdaptiveCardQuickView_1.BaseAdaptiveCardQuickView));
-exports.EmptyQuickView = EmptyQuickView;
-/**
- * Manages a stack of views.
- *
- * @remarks The top of the stack represents the currently rendered view.
- *
- * @public
- */
-var ViewNavigator = /** @class */ (function () {
-    function ViewNavigator(handleStackChangedCallback, handleInitializeCallback) {
-        this._handleStackChangedCallback = handleStackChangedCallback;
-        this._handleInitializeCallback = handleInitializeCallback;
-        this._viewStack = (0, Killswitches_1.isKeyboardFocusViewNavChangesKSActivated)()
-            ? new Array()
-            : new Array();
-        this._viewCache = new Map();
-        this._viewRegistry = new ViewRegistry_1.ViewRegistry();
+}
+_export(exports, {
+    EmptyQuickView: function() {
+        return EmptyQuickView;
+    },
+    ViewNavigator: function() {
+        return ViewNavigator;
+    }
+});
+const _BaseAdaptiveCardQuickView = require("../quickView/BaseAdaptiveCardQuickView");
+const _ViewRegistry = require("./ViewRegistry");
+const _Killswitches = require("../../common/Killswitches");
+class EmptyQuickView extends _BaseAdaptiveCardQuickView.BaseAdaptiveCardQuickView {
+    get data() {
+        return {};
     }
+    get template() {
+        return {};
+    }
+}
+class ViewNavigator {
     /**
-     * Registers a new view.
-     *
-     * @remarks `initializer` must return an instance of a {@link BaseView} or a Promise of a {@link BaseView}.
-     *          The promise allows developers with large quickviews to defer / chunk in the quickview code on
-     *          demand
-     *
-     * @remarks `initializer` is not called until `id` is pushed onto the view stack.
-     *
-     * @remarks A View with a given `id` is only initialized once, and the instance is reused if it is pushed more than once
-     *
-     * @param id - Unique identifier for the view.
-     * @param initializer - Function that returns a new view - or a promise to a new view - which is only called if no view with the `id` already exists.
-     */
-    ViewNavigator.prototype.register = function (id, initializer) {
+   * Registers a new view.
+   *
+   * @remarks `initializer` must return an instance of a {@link BaseView} or a Promise of a {@link BaseView}.
+   *          The promise allows developers with large quickviews to defer / chunk in the quickview code on
+   *          demand
+   *
+   * @remarks `initializer` is not called until `id` is pushed onto the view stack.
+   *
+   * @remarks A View with a given `id` is only initialized once, and the instance is reused if it is pushed more than once
+   *
+   * @param id - Unique identifier for the view.
+   * @param initializer - Function that returns a new view - or a promise to a new view - which is only called if no view with the `id` already exists.
+   */ register(id, initializer) {
         this._viewRegistry.register(id, initializer);
-    };
+    }
     /**
-     * Pushes a new view to the top of the view stack.
-     *
-     * {@link BaseAdaptiveCardExtension.setState}, which will also trigger a render.
-     *
-     * @param id - Unique identifier for the view.
-     * @param skipUpdate - Whether to skip the update (and re-render) after pushing the new view.
-     */
-    ViewNavigator.prototype.push = function (id, skipUpdate) {
-        if (skipUpdate === void 0) { skipUpdate = false; }
+   * Pushes a new view to the top of the view stack.
+   *
+   * {@link BaseAdaptiveCardExtension.setState}, which will also trigger a render.
+   *
+   * @param id - Unique identifier for the view.
+   * @param skipUpdate - Whether to skip the update (and re-render) after pushing the new view.
+   */ push(id, skipUpdate = false) {
         this._push(id);
         this._handleStackChangedCallback(skipUpdate);
-    };
+    }
     /**
-     * Replaces the top view with a new view.
-     *
-     * {@link BaseAdaptiveCardExtension.setState}, which will also trigger a render.
-     *
-     * @param id - Unique identifier for the view.
-     * @param skipUpdate - Whether to skip the update (and re-render) after replacing the current view.
-     */
-    ViewNavigator.prototype.replace = function (id, skipUpdate) {
-        if (skipUpdate === void 0) { skipUpdate = false; }
+   * Replaces the top view with a new view.
+   *
+   * {@link BaseAdaptiveCardExtension.setState}, which will also trigger a render.
+   *
+   * @param id - Unique identifier for the view.
+   * @param skipUpdate - Whether to skip the update (and re-render) after replacing the current view.
+   */ replace(id, skipUpdate = false) {
         this._pop();
         this._push(id);
         this._handleStackChangedCallback(skipUpdate);
-    };
+    }
     /**
-     * If there is more than one View, pops the top View from the View stack.
-     *
-     * {@link BaseAdaptiveCardExtension.setState}, which will also trigger a render.
-     *
-     * @param skipUpdate - Whether to skip the update (and re-render) after popping the current View.
-     */
-    ViewNavigator.prototype.pop = function (skipUpdate) {
-        if (skipUpdate === void 0) { skipUpdate = false; }
+   * If there is more than one View, pops the top View from the View stack.
+   *
+   * {@link BaseAdaptiveCardExtension.setState}, which will also trigger a render.
+   *
+   * @param skipUpdate - Whether to skip the update (and re-render) after popping the current View.
+   */ pop(skipUpdate = false) {
         if (this.size > 1) {
             this._pop();
             this._handleStackChangedCallback(skipUpdate);
         }
-    };
-    Object.defineProperty(ViewNavigator.prototype, "size", {
-        /**
-         * Current size of the View stack.
-         */
-        get: function () {
-            return this._viewStack.length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ViewNavigator.prototype, "currentId", {
-        /**
-         * Get the id of the currently rendered View from the top of the View stack
-         * @remarks If the stack is empty, this will return undefined
-         */
-        get: function () {
-            var size = this.size;
-            return size && (0, Killswitches_1.isKeyboardFocusViewNavChangesKSActivated)()
-                ? this._viewStack[size - 1]
-                : size
-                    ? this._viewStack[size - 1].id
-                    : undefined;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ViewNavigator.prototype, "_currentView", {
-        /**
-         * Currently rendered View from the top of the View stack
-         * @internal
-         */
-        get: function () {
-            var size = this.size;
-            if ((0, Killswitches_1.isKeyboardFocusViewNavChangesKSActivated)()) {
-                return this._viewCache.get(this._viewStack[size - 1]);
-            }
-            return tslib_1.__assign(tslib_1.__assign({}, this._viewStack[size - 1]), { view: this._viewCache.get(this._viewStack[size - 1].id) });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ViewNavigator.prototype, "viewStack", {
-        /**
-         *
-         * @internal
-         */
-        get: function () {
-            return this._viewStack;
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    /**
+   * Current size of the View stack.
+   */ get size() {
+        return this._viewStack.length;
+    }
     /**
-     * Clear the stack.
-     *
-     * @internal
-     */
-    ViewNavigator.prototype._clear = function () {
+   * Get the id of the currently rendered View from the top of the View stack
+   * @remarks If the stack is empty, this will return undefined
+   */ get currentId() {
+        const size = this.size;
+        return size && (0, _Killswitches.isKeyboardFocusViewNavChangesKSActivated)() ? this._viewStack[size - 1] : size ? this._viewStack[size - 1].id : undefined;
+    }
+    /**
+   * Currently rendered View from the top of the View stack
+   * @internal
+   */ get _currentView() {
+        const size = this.size;
+        if ((0, _Killswitches.isKeyboardFocusViewNavChangesKSActivated)()) {
+            return this._viewCache.get(this._viewStack[size - 1]);
+        }
+        return {
+            ...this._viewStack[size - 1],
+            view: this._viewCache.get(this._viewStack[size - 1].id)
+        };
+    }
+    /**
+   *
+   * @internal
+   */ get viewStack() {
+        return this._viewStack;
+    }
+    /**
+   * Clear the stack.
+   *
+   * @internal
+   */ _clear() {
         this._viewStack = [];
-    };
+    }
     /**
-     * @internal
-     */
-    ViewNavigator.prototype._forEach = function (callback) {
+   * @internal
+   */ _forEach(callback) {
         this._viewCache.forEach(callback);
-    };
+    }
     /**
-     * Current size of the View registry.
-     *
-     * @internal
-     */
-    ViewNavigator.prototype._getRegistrySize = function () {
+   * Current size of the View registry.
+   *
+   * @internal
+   */ _getRegistrySize() {
         return this._viewRegistry.size;
-    };
-    ViewNavigator.prototype._push = function (id) {
-        var _this = this;
-        var _a;
-        var cachedView = this._viewCache.get(id);
+    }
+    _push(id) {
+        const cachedView = this._viewCache.get(id);
         if (cachedView === undefined) {
-            var viewInitializer = this._viewRegistry.consume(id);
-            var view = viewInitializer();
+            const viewInitializer = this._viewRegistry.consume(id);
+            let view = viewInitializer();
             if (view instanceof Promise) {
-                var viewPromise = view;
-                viewPromise
-                    .then(function (value) {
-                    _this._handleInitializeCallback(value);
+                const viewPromise = view;
+                viewPromise.then((value)=>{
+                    this._handleInitializeCallback(value);
                     // update the cached view.
-                    _this._viewCache.set(id, value);
-                    _this._handleStackChangedCallback(false);
-                })
-                    .catch(function (e) {
+                    this._viewCache.set(id, value);
+                    this._handleStackChangedCallback(false);
+                }).catch((e)=>{
                     // eslint-disable-next-line no-console
                     console.error('could not load quickview', e);
                 });
                 view = new EmptyQuickView();
-            }
-            else {
+            } else {
                 view = view;
             }
             this._handleInitializeCallback(view);
             this._viewCache.set(id, view);
         }
-        if ((0, Killswitches_1.isKeyboardFocusViewNavChangesKSActivated)()) {
+        if ((0, _Killswitches.isKeyboardFocusViewNavChangesKSActivated)()) {
             this._viewStack.push(id);
-        }
-        else {
+        } else {
             /**
-             * Prior to pushing the incoming view onto the `_viewStack`, set the last focused element of the current view.
-             * This stored reference allows the element to receive focus when navigating back to this view.
-             */
-            if (this.size > 0) {
-                this._viewStack[this.size - 1].focusElement =
-                    (_a = document.activeElement) !== null && _a !== void 0 ? _a : undefined;
+       * Prior to pushing the incoming view onto the `_viewStack`, set the last focused element of the current view.
+       * This stored reference allows the element to receive focus when navigating back to this view.
+       */ if (this.size > 0) {
+                this._viewStack[this.size - 1].focusElement = document.activeElement ?? undefined;
             }
             this._viewStack.push({
                 id: id
             });
         }
-    };
-    ViewNavigator.prototype._pop = function () {
+    }
+    _pop() {
         this._viewStack.pop();
-    };
-    return ViewNavigator;
-}());
-exports.ViewNavigator = ViewNavigator;
-//# sourceMappingURL=ViewNavigator.js.map
+    }
+    constructor(handleStackChangedCallback, handleInitializeCallback){
+        this._handleStackChangedCallback = handleStackChangedCallback;
+        this._handleInitializeCallback = handleInitializeCallback;
+        this._viewStack = (0, _Killswitches.isKeyboardFocusViewNavChangesKSActivated)() ? new Array() : new Array();
+        this._viewCache = new Map();
+        this._viewRegistry = new _ViewRegistry.ViewRegistry();
+    }
+}
+
+//# sourceMappingURL=./ViewNavigator.js.map

package/lib-commonjs/views/navigator/ViewRegistry.js

@@ -1,35 +1,34 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewRegistry = void 0;
-var StringHelper_1 = require("../../utilities/StringHelper");
-/**
- * @internal
- */
-var ViewRegistry = /** @class */ (function () {
-    function ViewRegistry() {
-        this._registeredCallbacks = new Map();
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ViewRegistry", {
+    enumerable: true,
+    get: function() {
+        return ViewRegistry;
     }
-    ViewRegistry.prototype.register = function (id, initializer) {
+});
+const _StringHelper = require("../../utilities/StringHelper");
+class ViewRegistry {
+    register(id, initializer) {
         if (!this._registeredCallbacks.has(id)) {
             this._registeredCallbacks.set(id, initializer);
         }
-    };
-    ViewRegistry.prototype.consume = function (id) {
-        var callback = this._registeredCallbacks.get(id);
+    }
+    consume(id) {
+        const callback = this._registeredCallbacks.get(id);
         if (!callback) {
-            throw new Error((0, StringHelper_1.format)('View with id {0} must be registered before being used', id));
+            throw new Error((0, _StringHelper.format)('View with id {0} must be registered before being used', id));
         }
         this._registeredCallbacks.delete(id);
         return callback;
-    };
-    Object.defineProperty(ViewRegistry.prototype, "size", {
-        get: function () {
-            return this._registeredCallbacks.size;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return ViewRegistry;
-}());
-exports.ViewRegistry = ViewRegistry;
-//# sourceMappingURL=ViewRegistry.js.map
+    }
+    get size() {
+        return this._registeredCallbacks.size;
+    }
+    constructor(){
+        this._registeredCallbacks = new Map();
+    }
+}
+
+//# sourceMappingURL=./ViewRegistry.js.map

package/lib-commonjs/views/quickView/BaseAdaptiveCardQuickView.js

@@ -1,93 +1,69 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseAdaptiveCardView = exports.BaseAdaptiveCardQuickView = void 0;
-var tslib_1 = require("tslib");
-var sp_core_library_1 = require("@microsoft/sp-core-library");
-var BaseQuickView_1 = require("./BaseQuickView");
-/**
- * Base class for an Adaptive Card quick view.
- *
- * @remarks Views used to render the Quick view must inherit from this class.
- *
- * @public
- */
-var BaseAdaptiveCardQuickView = /** @class */ (function (_super) {
-    tslib_1.__extends(BaseAdaptiveCardQuickView, _super);
-    function BaseAdaptiveCardQuickView() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @internal
-         */
-        _this._viewType = 'AdaptiveCardQuickView';
-        return _this;
-    }
-    Object.defineProperty(BaseAdaptiveCardQuickView.prototype, "data", {
-        /**
-         * The data used to render the Adaptive Card.
-         *
-         * @virtual
-         */
-        get: function () {
-            return {};
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseAdaptiveCardQuickView.prototype, "focusParameters", {
-        /**
-         * An optional focus element to set focus when the view is rendered for accessibility purposes.
-         * @remarks If not overriden, the focus element defaulted to the first actionable element of the quick view.
-         *
-         * @virtual
-         */
-        get: function () {
-            return undefined;
-        },
-        enumerable: false,
-        configurable: true
+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, {
+    BaseAdaptiveCardQuickView: function() {
+        return BaseAdaptiveCardQuickView;
+    },
+    BaseAdaptiveCardView: function() {
+        return BaseAdaptiveCardView;
+    }
+});
+const _spcorelibrary = require("@microsoft/sp-core-library");
+const _BaseQuickView = require("./BaseQuickView");
+class BaseAdaptiveCardQuickView extends _BaseQuickView.BaseQuickView {
     /**
-     * Action handler for Adaptive Card Actions.
-     *
-     * @param action - The {@link IActionArguments} for the current event.
-     *
-     * @virtual
-     */
-    BaseAdaptiveCardQuickView.prototype.onAction = function (action) {
-        // no-op
-    };
+   * The data used to render the Adaptive Card.
+   *
+   * @virtual
+   */ get data() {
+        return {};
+    }
     /**
-     * @beta
-     *
-     * Error handler for Adaptive Card Actions.
-     *
-     * @param error - The {@link IActionErrorArguments} for the current event.
-     *
-     * @virtual
-     */
-    BaseAdaptiveCardQuickView.prototype.onActionError = function (error) {
-        // no-op
-    };
-    return BaseAdaptiveCardQuickView;
-}(BaseQuickView_1.BaseQuickView));
-exports.BaseAdaptiveCardQuickView = BaseAdaptiveCardQuickView;
-/**
- * Base class for an Adaptive Card quick view.
- *
- * @remarks Views used to render the Quick view must inherit from this class.
- * @privateRemarks The class exists for backwards compat only
- *
- * @public
- * @deprecated use {@link BaseAdaptiveCardQuickView} instead
- */
-var BaseAdaptiveCardView = /** @class */ (function (_super) {
-    tslib_1.__extends(BaseAdaptiveCardView, _super);
-    function BaseAdaptiveCardView() {
-        return _super !== null && _super.apply(this, arguments) || this;
+   * An optional focus element to set focus when the view is rendered for accessibility purposes.
+   * @remarks If not overriden, the focus element defaulted to the first actionable element of the quick view.
+   *
+   * @virtual
+   */ get focusParameters() {
+        return undefined;
+    }
+    /**
+   * Action handler for Adaptive Card Actions.
+   *
+   * @param action - The {@link IActionArguments} for the current event.
+   *
+   * @virtual
+   */ onAction(action) {
+    // no-op
+    }
+    /**
+   * @beta
+   *
+   * Error handler for Adaptive Card Actions.
+   *
+   * @param error - The {@link IActionErrorArguments} for the current event.
+   *
+   * @virtual
+   */ onActionError(error) {
+    // no-op
+    }
+    constructor(...args){
+        super(...args);
+        /**
+   * @internal
+   */ this._viewType = 'AdaptiveCardQuickView';
     }
-    return BaseAdaptiveCardView;
-}(BaseAdaptiveCardQuickView));
-exports.BaseAdaptiveCardView = BaseAdaptiveCardView;
-(0, sp_core_library_1._ES5CompatibleClass)(BaseAdaptiveCardQuickView);
-(0, sp_core_library_1._ES5CompatibleClass)(BaseAdaptiveCardView);
-//# sourceMappingURL=BaseAdaptiveCardQuickView.js.map
+}
+class BaseAdaptiveCardView extends BaseAdaptiveCardQuickView {
+}
+(0, _spcorelibrary._ES5CompatibleClass)(BaseAdaptiveCardQuickView);
+(0, _spcorelibrary._ES5CompatibleClass)(BaseAdaptiveCardView);
+
+//# sourceMappingURL=./BaseAdaptiveCardQuickView.js.map