@microsoft/sp-component-base 1.14.0 → 1.15.0-rc.0

package/lib-commonjs/BaseComponent.js

@@ -18,7 +18,7 @@ var BaseComponent = /** @class */ (function () {
          * @internal
          */
         get: function () {
-            return this.manifest.componentType + "." + this.manifest.id + "." + this.instanceId;
+            return "".concat(this.manifest.componentType, ".").concat(this.manifest.id, ".").concat(this.instanceId);
         },
         enumerable: false,
         configurable: true
@@ -90,7 +90,7 @@ var BaseComponent = /** @class */ (function () {
     });
     Object.defineProperty(BaseComponent.prototype, "componentId", {
         /**
-         * Returns the component identifier as defined in the component’s associated manifest.
+         * Returns the component identifier as defined in the component's associated manifest.
          *
          * @remarks
          * Each client-side component has an associated manifest that is used by the sp-loader to load its scripts,

package/lib-commonjs/DynamicDataSourceManager.js

@@ -132,7 +132,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
         metadata.alias = undefined;
         metadata.componentId = undefined;
         metadata.instanceId = undefined;
-        sp_lodash_subset_1.merge(this._src.metadata, metadata);
+        (0, sp_lodash_subset_1.merge)(this._src.metadata, metadata);
     };
     Object.defineProperty(DynamicDataSourceManager.prototype, "sourceId", {
         /**
@@ -174,7 +174,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
      */
     DynamicDataSourceManager.prototype._allowedEvents = function () {
         return this._callableFunctions.allowedEvents
-            ? sp_lodash_subset_1.cloneDeep(this._callableFunctions.allowedEvents())
+            ? (0, sp_lodash_subset_1.cloneDeep)(this._callableFunctions.allowedEvents())
             : undefined;
     };
     /**
@@ -193,7 +193,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
      * This assumes that the component has dynamic data and has a controller.
      */
     DynamicDataSourceManager.prototype._getPropertyDefinitions = function () {
-        return sp_lodash_subset_1.cloneDeep(this._callableFunctions.getPropertyDefinitions());
+        return (0, sp_lodash_subset_1.cloneDeep)(this._callableFunctions.getPropertyDefinitions());
     };
     /**
      * This is the getPropertyValue() that the DynamicDataSource actually exposes.
@@ -228,12 +228,11 @@ var DynamicDataSourceManager = /** @class */ (function () {
                     0 &&
                     this._src // Check that the source exists to get its title
                 ) {
-                    throw new Error("Property \"" + propertyId + "\" doesn't exist in source \"" + this._src.metadata.title + "\"");
+                    throw new Error("Property \"".concat(propertyId, "\" doesn't exist in source \"").concat(this._src.metadata.title, "\""));
                 }
             }
-            qosMonitor.writeSuccess(tslib_1.__assign(tslib_1.__assign({}, ((this._src && this._src.metadata) || {})), { sourceId: this._src && this._src.id, propertyValue: propertyValue,
-                propertyId: propertyId }));
-            return sp_lodash_subset_1.cloneDeep(propertyValue);
+            qosMonitor.writeSuccess(tslib_1.__assign(tslib_1.__assign({}, ((this._src && this._src.metadata) || {})), { sourceId: this._src && this._src.id, propertyValue: propertyValue, propertyId: propertyId }));
+            return (0, sp_lodash_subset_1.cloneDeep)(propertyValue);
         }
         catch (error) {
             qosMonitor.writeUnexpectedFailure('NoPropertyId', error, { propertyId: propertyId });
@@ -294,8 +293,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
                         annotatedPropertyValue = annotatedPropertyValue[paths[0]];
                     }
                 }
-                qosMonitor.writeSuccess(tslib_1.__assign(tslib_1.__assign({}, ((this._src && this._src.metadata) || {})), { sourceId: this._src && this._src.id, annotatedPropertyValue: annotatedPropertyValue,
-                    propertyId: propertyId }));
+                qosMonitor.writeSuccess(tslib_1.__assign(tslib_1.__assign({}, ((this._src && this._src.metadata) || {})), { sourceId: this._src && this._src.id, annotatedPropertyValue: annotatedPropertyValue, propertyId: propertyId }));
             }
             catch (error) {
                 qosMonitor.writeExpectedFailure('NoAnnotatedPropertyValue', error, { annotatedPropertyValue: annotatedPropertyValue });
@@ -348,7 +346,7 @@ var DynamicDataSourceManager = /** @class */ (function () {
      * @param eventName - Name of the event.
      */
     DynamicDataSourceManager.prototype._assertValidEvent = function (eventName) {
-        if (!this._allowedEvents() || sp_lodash_subset_1.findIndex(this._allowedEvents(), { name: eventName }) === -1) {
+        if (!this._allowedEvents() || (0, sp_lodash_subset_1.findIndex)(this._allowedEvents(), { name: eventName }) === -1) {
             throw new Error(sp_core_library_1.Text.format(strings.InvalidEvent, eventName, this._src.metadata.title));
         }
     };

package/lib-commonjs/DynamicProperty.js

@@ -175,7 +175,13 @@ var DynamicProperty = /** @class */ (function () {
      * undefined if the source or the data doesn't exist.
      */
     DynamicProperty.prototype.tryGetValue = function () {
-        sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        if (this.isDisposed &&
+            !sp_core_library_1._SPKillSwitch.isActivated('413769dc-5e0c-4609-9c86-bdf099fe84e3' /*, '12/02/2021', 'DisposedUndefinedNotException'*/)) {
+            return undefined;
+        }
+        else {
+            sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        }
         var value = this._getData();
         if (Array.isArray(value)) {
             value = value[0];
@@ -219,7 +225,13 @@ var DynamicProperty = /** @class */ (function () {
      * Returns undefined if the source doesn't exist.
      */
     DynamicProperty.prototype.tryGetSource = function () {
-        sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        if (this.isDisposed &&
+            !sp_core_library_1._SPKillSwitch.isActivated('413769dc-5e0c-4609-9c86-bdf099fe84e3' /*, '12/02/2021', 'DisposedUndefinedNotException'*/)) {
+            return undefined;
+        }
+        else {
+            sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        }
         return this._hasValue ? undefined : this._provider.tryGetSource(this._sourceId);
     };
     /**
@@ -354,7 +366,13 @@ var DynamicProperty = /** @class */ (function () {
         }
     };
     DynamicProperty.prototype._getData = function () {
-        sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        if (this.isDisposed &&
+            !sp_core_library_1._SPKillSwitch.isActivated('413769dc-5e0c-4609-9c86-bdf099fe84e3' /*, '12/02/2021', 'DisposedUndefinedNotException'*/)) {
+            return undefined;
+        }
+        else {
+            sp_core_library_1.Validate.isNotDisposed(this, 'DynamicData');
+        }
         var value;
         try {
             value = this._hasValue ? this._value : this._provider._getData(this._reference);

package/lib-commonjs/EnsureIsolatedDomainUrl.js

@@ -19,7 +19,7 @@ function ensureIsolatedDomainUrl(isolatedDomain, absoluteUrl) {
         absoluteUrl = absoluteUrl + '/';
         slashAdded = true;
     }
-    absoluteUrl = absoluteUrl.replace(domainRegex, "https://" + isolatedDomain + "/");
+    absoluteUrl = absoluteUrl.replace(domainRegex, "https://".concat(isolatedDomain, "/"));
     if (slashAdded) {
         // Remove the ending slash
         absoluteUrl = absoluteUrl.substr(0, absoluteUrl.length - 1);

package/lib-commonjs/LegacyThirdPartyFabricCoreLoader.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };

package/lib-commonjs/PropertyMetadataProcessor.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyMetadataProcessor = void 0;
 var tslib_1 = require("tslib");
+var sp_core_library_1 = require("@microsoft/sp-core-library");
 var lodash = tslib_1.__importStar(require("@microsoft/sp-lodash-subset"));
 /**
  * The processor to serialize and deserialize the server processed content and component properties
@@ -54,7 +55,7 @@ var PropertyMetadataProcessor = /** @class */ (function () {
                     // Build custom metadata for the given property path
                     var customMetadata_1 = {};
                     if (metadata && metadata.customMetadata) {
-                        for (var propName in metadata.customMetadata) {
+                        var _loop_1 = function (propName) {
                             /* tslint:disable-line:forin */
                             var customMetadataPropPath = metadata.customMetadata[propName];
                             if (iteration !== undefined && customMetadataPropPath.indexOf('*') !== -1) {
@@ -67,10 +68,18 @@ var PropertyMetadataProcessor = /** @class */ (function () {
                                     var customValue = lodash.get(properties, fixedPropPath);
                                     if (serverProcessedContent && customValue !== undefined) {
                                         // Insert custom metadata key and value
-                                        customMetadata_1[fixedPropPath] = customValue;
+                                        if (isFixCustomMetadataKeyKillSwitchActivated()) {
+                                            customMetadata_1[fixedPropPath] = customValue;
+                                        }
+                                        else {
+                                            customMetadata_1[propName] = customValue;
+                                        }
                                     }
                                 }
                             });
+                        };
+                        for (var propName in metadata.customMetadata) {
+                            _loop_1(propName);
                         }
                     }
                     if (!serverProcessedContent.customMetadata) {
@@ -148,7 +157,7 @@ var PropertyMetadataProcessor = /** @class */ (function () {
      */
     PropertyMetadataProcessor._forEachPropertyWithMetaData = function (propertiesMetadata, properties, metadataProcessor) {
         if (propertiesMetadata) {
-            var _loop_1 = function (propPath) {
+            var _loop_2 = function (propPath) {
                 /* tslint:disable-line:forin */
                 var metadata = propertiesMetadata[propPath];
                 this_1._validateAndIteratePath(propPath, properties, function (fixedPropPath, index) {
@@ -157,7 +166,7 @@ var PropertyMetadataProcessor = /** @class */ (function () {
             };
             var this_1 = this;
             for (var propPath in propertiesMetadata) {
-                _loop_1(propPath);
+                _loop_2(propPath);
             }
         }
     };
@@ -172,13 +181,13 @@ var PropertyMetadataProcessor = /** @class */ (function () {
         var wildcardCount = (propPath.match(/\*/g) || []).length;
         if (wildcardCount > 1) {
             // Skip if there are more than one asterisks in the path (not supported)
-            console.warn("Invalid property path: Multiple wildcards are not supported in property paths.\nEntry with path '" + propPath + "' got ignored in the properties metadata.");
+            console.warn("Invalid property path: Multiple wildcards are not supported in property paths.\nEntry with path '".concat(propPath, "' got ignored in the properties metadata."));
             return;
         }
         else if (wildcardCount === 1) {
             var index = propPath.indexOf('[*]');
             if (index < -1) {
-                console.warn("Invalid property path: Wildcards are only supported inside brackets to select array\nindices as in 'foo[*].bar'. Entry with path '" + propPath + "' got ignored in the properties metadata.");
+                console.warn("Invalid property path: Wildcards are only supported inside brackets to select array\nindices as in 'foo[*].bar'. Entry with path '".concat(propPath, "' got ignored in the properties metadata."));
                 // Skip if the wildcard is not used for an array (not supported)
                 return;
             }
@@ -187,12 +196,12 @@ var PropertyMetadataProcessor = /** @class */ (function () {
                 var arrayPath = propPath.substr(0, index);
                 var arrayInstance = lodash.get(properties, arrayPath);
                 if (!arrayInstance) {
-                    console.warn("Invalid property path: Could not find an array named '" + arrayPath + "' in the properties.\nEntry with path '" + propPath + "' got ignored in the properties metadata.");
+                    console.warn("Invalid property path: Could not find an array named '".concat(arrayPath, "' in the properties.\nEntry with path '").concat(propPath, "' got ignored in the properties metadata."));
                     return;
                 }
                 else {
                     for (var i = 0; i < arrayInstance.length; i++) {
-                        var fixedPropPath = propPath.replace('*', "" + i);
+                        var fixedPropPath = propPath.replace('*', "".concat(i));
                         propertyPathHandler(fixedPropPath, i);
                     }
                 }
@@ -205,4 +214,9 @@ var PropertyMetadataProcessor = /** @class */ (function () {
     return PropertyMetadataProcessor;
 }());
 exports.PropertyMetadataProcessor = PropertyMetadataProcessor;
+function isFixCustomMetadataKeyKillSwitchActivated() {
+    return sp_core_library_1._SPKillSwitch.isActivated('bf085c27-422d-4b62-a93a-43efa89e77ee'
+    /* '2022-03-28', 'Fix custom metadata key' */
+    );
+}
 //# sourceMappingURL=PropertyMetadataProcessor.js.map

package/lib-commonjs/ShimmerFactory.js

@@ -45,7 +45,7 @@ var ShimmerFactory = /** @class */ (function () {
         var rectangle3Y = rectangle2Y + gap;
         var rectangle4Y = rectangle3Y + gap;
         var className = shimmer_module_scss_1.default.shimmerElementFill;
-        shimmerDiv.innerHTML = "<svg width=" + width + " height=" + height + " viewBox=\"0 0 " + width + " " + height + "\" version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n        <title>" + loadingMessage + "</title>\n        <g id=" + componentTag + "_Shimmer stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n          <rect x=\"0\" y=\"0\" width=" + width + " height=" + height + "></rect>\n          " + ShimmerFactory._shimmerRect(componentTag + '_1', className, RECTANGLE_X, rectangle1Y, RECTANGLE_1_LENGTH, rectangleHeight) + "\n          " + ShimmerFactory._shimmerRect(componentTag + '_2', className, RECTANGLE_X, rectangle2Y, RECTANGLE_2_LENGTH, rectangleHeight) + "\n          " + ShimmerFactory._shimmerRect(componentTag + '_3', className, RECTANGLE_X, rectangle3Y, RECTANGLE_3_LENGTH, rectangleHeight) + "\n          " + ShimmerFactory._shimmerRect(componentTag + '_4', className, RECTANGLE_X, rectangle4Y, RECTANGLE_4_LENGTH, rectangleHeight) + "\n        </g>\n      </svg>";
+        shimmerDiv.innerHTML = "<svg width=".concat(width, " height=").concat(height, " viewBox=\"0 0 ").concat(width, " ").concat(height, "\" version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n        <title>").concat(loadingMessage, "</title>\n        <g id=").concat(componentTag, "_Shimmer stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n          <rect x=\"0\" y=\"0\" width=").concat(width, " height=").concat(height, "></rect>\n          ").concat(ShimmerFactory._shimmerRect(componentTag + '_1', className, RECTANGLE_X, rectangle1Y, RECTANGLE_1_LENGTH, rectangleHeight), "\n          ").concat(ShimmerFactory._shimmerRect(componentTag + '_2', className, RECTANGLE_X, rectangle2Y, RECTANGLE_2_LENGTH, rectangleHeight), "\n          ").concat(ShimmerFactory._shimmerRect(componentTag + '_3', className, RECTANGLE_X, rectangle3Y, RECTANGLE_3_LENGTH, rectangleHeight), "\n          ").concat(ShimmerFactory._shimmerRect(componentTag + '_4', className, RECTANGLE_X, rectangle4Y, RECTANGLE_4_LENGTH, rectangleHeight), "\n        </g>\n      </svg>");
         if (containerMargin !== undefined) {
             shimmerContainerDiv.style.margin = containerMargin + '';
         }
@@ -57,7 +57,7 @@ var ShimmerFactory = /** @class */ (function () {
         return shimmerContainerDiv;
     };
     ShimmerFactory._shimmerRect = function (id, className, x, y, width, height) {
-        return "<rect id=" + id + " class=" + className + " x=" + x + " y=" + y + " width=\"" + width + "%\" height=" + height + ">\n      <animate\n      attributeName=\"opacity\"\n      dur=\"1s\"\n      values=\"0.2;0.5;0.9\"\n      repeatCount=\"indefinite\"\n      begin=\"0\"/>\n    </rect>";
+        return "<rect id=".concat(id, " class=").concat(className, " x=").concat(x, " y=").concat(y, " width=\"").concat(width, "%\" height=").concat(height, ">\n      <animate\n      attributeName=\"opacity\"\n      dur=\"1s\"\n      values=\"0.2;0.5;0.9\"\n      repeatCount=\"indefinite\"\n      begin=\"0\"/>\n    </rect>");
     };
     return ShimmerFactory;
 }());

package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Icon.Definitions.scss

@@ -21,11 +21,11 @@
   }
 
   font-family: $icon-font-family;
-  src: url('https://static2.sharepointonline.com/files/fabric/assets/icons/#{$icon-font-name}-#{$icon-font-version}.woff2')
+  src: url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/icons/#{$icon-font-name}-#{$icon-font-version}.woff2')
       format('woff2'),
-    url('https://static2.sharepointonline.com/files/fabric/assets/icons/#{$icon-font-name}-#{$icon-font-version}.woff')
+    url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/icons/#{$icon-font-name}-#{$icon-font-version}.woff')
       format('woff'),
-    url('https://static2.sharepointonline.com/files/fabric/assets/icons/#{$icon-font-name}-#{$icon-font-version}.ttf')
+    url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/icons/#{$icon-font-name}-#{$icon-font-version}.ttf')
       format('truetype');
   font-weight: normal;
   font-style: normal;

package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_BrandIcon.Variables.scss

@@ -1,8 +1,8 @@
 // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
 
 // Image paths
-$ms-brand-icon-product-images-path: 'https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png';
-$ms-brand-icon-document-images-path: 'https://static2.sharepointonline.com/files/fabric/assets/brand-icons/document/png';
+$ms-brand-icon-product-images-path: 'https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/brand-icons/product/png';
+$ms-brand-icon-document-images-path: 'https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/brand-icons/document/png';
 
 // Names
 $ms-brand-icon-product-icons: access excel infopath office onedrive onenote outlook powerpoint project

package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Font.Variables.scss

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
 
 // Font directory and paths
-$ms-font-cdn-path: 'https://static2.sharepointonline.com/files/fabric/assets/fonts' !default;
+$ms-font-cdn-path: 'https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/fonts' !default;
 
 // Fallback fonts, if specified system or web fonts are unavailable.
 $ms-font-family-fallbacks: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue',

package/lib-commonjs/chunks/legacy-third-party-fabric-core/iconDefinitions.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: FabricMDL2Icons;
-  src: url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.23.woff2')
+  src: url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/icons/fabricmdl2icons-2.23.woff2')
       format('woff2'),
-    url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.23.woff')
+    url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/icons/fabricmdl2icons-2.23.woff')
       format('woff'),
-    url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.23.ttf')
+    url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220127.003/assets/icons/fabricmdl2icons-2.23.ttf')
       format('truetype');
   font-weight: normal;
   font-style: normal;

package/lib-commonjs/dataCollector/IWebPartLoadData.js

@@ -0,0 +1,8 @@
+"use strict";
+/**
+ * @Copyright (c) Microsoft Corporation.  All rights reserved.
+ * @file Interface that defines the shape of extra data to be uploaded for web part load metrics
+ * @internal
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IWebPartLoadData.js.map

package/lib-commonjs/dataCollector/WebPartLoadDataCollector.js

@@ -0,0 +1,139 @@
+"use strict";
+// Copyright (c) Microsoft. All rights reserved.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebPartLoadDataCollector = void 0;
+var sp_telemetry_1 = require("@ms/sp-telemetry");
+var sp_core_library_1 = require("@microsoft/sp-core-library");
+var NOT_AVAILABLE = 'N/A';
+/**
+ * This is used internally to collect web part and adaptive card extension's module load, init, and render performances.
+ * This file moved from sp-webpart-base to not additional dependency to sp-adaptive-card-extension-base.
+ * @internal
+ */
+var WebPartLoadDataCollector = /** @class */ (function () {
+    function WebPartLoadDataCollector() {
+    }
+    WebPartLoadDataCollector.collect = function (manifest, webPartTag, pageContext) {
+        var getTime = function (key) {
+            return (sp_telemetry_1._PerformanceLogger.readComponentBreakdown(webPartTag, key) ||
+                sp_telemetry_1._PerformanceLogger.readTempData("".concat(webPartTag, ".").concat(key)));
+        };
+        var start = getTime('start');
+        var moduleLoaded = getTime('modulesLoaded');
+        var initialized = getTime('init');
+        var end = getTime('end');
+        var isSpinnyShown = !!getTime('displaySpinner');
+        var isMultiGeo = Boolean(pageContext && pageContext.legacyPageContext && pageContext.legacyPageContext.isMultiGeoTenant);
+        var dataProvider = NOT_AVAILABLE;
+        var layoutID = NOT_AVAILABLE;
+        var webPartCacheHit = "N/A" /* NotAvailable */;
+        var cacheMissReason = "N/A" /* NotApplicable */;
+        // Collect data for first-party web parts only. This ideally should be done outside of spfx.
+        // VSO#855246 Refactor WebPartLoadDataCollector to move out first-party only logging logic.
+        if (manifest.isInternal) {
+            var cacheHit = getTime('CacheHit');
+            var cacheMiss = getTime('CacheMiss');
+            var prefetechedData = getTime('prefetchedData');
+            var isCacheApplicable = Boolean(cacheHit || cacheMiss);
+            webPartCacheHit = isCacheApplicable
+                ? cacheHit
+                    ? "true" /* True */
+                    : "false" /* False */
+                : "N/A" /* NotAvailable */;
+            cacheMissReason = WebPartLoadDataCollector._getCacheMissReason(cacheHit, getTime);
+            var dataProviderTime_1 = sp_telemetry_1._PerformanceLogger.now();
+            var layoutKey_1 = sp_telemetry_1._PerformanceDataDimensions.Layout;
+            var dataProviderKey_1 = sp_telemetry_1._PerformanceDataDimensions.DataProvider;
+            var perfBreakDown_1 = sp_telemetry_1._PerformanceLogger.readFullEUPLBreakDown();
+            // WebParts which have different layouts and dataproviders, will have perf marks such as
+            // webPartTag.dataProvider: [dataProviderName]
+            // webPartTag.Layout: [Layout]
+            // The logic below will extract the data provider and layout, and log them for perf measurements.
+            Object.keys(perfBreakDown_1).forEach(function (key) {
+                if (key.indexOf(webPartTag) > -1) {
+                    // We only have 1 layout
+                    if (layoutID === NOT_AVAILABLE && key.indexOf(layoutKey_1) > -1) {
+                        layoutID = key.split(layoutKey_1)[1];
+                        // Focus on primary data provider
+                    }
+                    else if (key.indexOf(dataProviderKey_1) > -1) {
+                        // Pick earliest data provider, in case there are multiple
+                        if (dataProvider === NOT_AVAILABLE || perfBreakDown_1[key] < dataProviderTime_1) {
+                            dataProvider = key.split(dataProviderKey_1)[1];
+                            dataProviderTime_1 = perfBreakDown_1[key];
+                        }
+                    }
+                }
+            });
+            dataProvider = prefetechedData ? 'Prefetch' : dataProvider;
+        }
+        var webpartPerfFlights = sp_telemetry_1._PerformanceLogger.getWebpartFlightsAndExperiments(webPartTag);
+        var syncRenderTime = this._getSyncRenderTime(layoutID, getTime);
+        var retVal = {
+            alias: manifest.alias,
+            isMultiGeo: isMultiGeo,
+            isInternal: manifest.isInternal,
+            isSpinnyShown: isSpinnyShown,
+            manifestId: manifest.id,
+            moduleLoadTime: Math.floor(moduleLoaded - start),
+            initTime: Math.floor(initialized - moduleLoaded),
+            renderTime: Math.floor(end - initialized),
+            syncRenderTime: syncRenderTime,
+            scenarioId: sp_telemetry_1._PerformanceLogger.getScenarioId(),
+            isFullPage: sp_telemetry_1._PerformanceLogger.fullPageLoad,
+            dataProvider: dataProvider,
+            layout: layoutID,
+            mySiteCacheHit: webPartCacheHit,
+            cacheMissReason: cacheMissReason,
+            flights: webpartPerfFlights,
+            storeAppId: manifest.storeAppId,
+            mpnId: manifest.mpnId,
+            componentDeveloperName: manifest.componentDeveloperName
+        };
+        retVal.teamsHosted = sp_core_library_1._BrowserUtilities.isTeamsHosted();
+        return retVal;
+    };
+    WebPartLoadDataCollector._getSyncRenderTime = function (layoutID, getTime) {
+        var syncRenderTime = undefined;
+        syncRenderTime = Math.floor(getTime('syncRender') - getTime('getDataComplete'));
+        var postRenderCompleteTime = getTime('postRenderComplete');
+        var loadLayoutEnd = getTime('loadLayoutEnd');
+        var syncLayoutRenderComplete = getTime('syncLayoutRenderComplete');
+        if (loadLayoutEnd && syncLayoutRenderComplete) {
+            // render layout and items inside it
+            syncRenderTime = Math.floor(syncRenderTime + (syncLayoutRenderComplete - loadLayoutEnd));
+        }
+        if (postRenderCompleteTime) {
+            syncRenderTime = Math.floor(
+            // transposeRow + transposeItems + render + syncPostRender
+            syncRenderTime + (postRenderCompleteTime - getTime(sp_telemetry_1._PerformanceDataDimensions.Layout + layoutID)));
+        }
+        return syncRenderTime;
+    };
+    WebPartLoadDataCollector._getCacheMissReason = function (cacheHit, getTime) {
+        if (cacheHit) {
+            return "N/A" /* NotApplicable */;
+        }
+        var mySiteCacheMissOnConfgMismatch = !!getTime('CacheMissConfigMismatch');
+        var mySiteCacheMissOnLateFlush = !!getTime('LateFlush');
+        var cachedWebPartNotFound = !!getTime('CachedWebPartNotFound');
+        var cacheExpired = !!getTime('CacheExpired');
+        var cacheMissReason = "NotSpecified" /* NotSpecified */;
+        if (mySiteCacheMissOnConfgMismatch) {
+            cacheMissReason = "CacheConfigMissmatch" /* CacheConfigMissmatch */;
+        }
+        else if (mySiteCacheMissOnLateFlush) {
+            cacheMissReason = "LateFlush" /* LateFlush */;
+        }
+        else if (cachedWebPartNotFound) {
+            cacheMissReason = "CachedItemNotFound" /* CachedItemNotFound */;
+        }
+        else if (cacheExpired) {
+            cacheMissReason = "CacheExpired" /* CacheExpired */;
+        }
+        return cacheMissReason;
+    };
+    return WebPartLoadDataCollector;
+}());
+exports.WebPartLoadDataCollector = WebPartLoadDataCollector;
+//# sourceMappingURL=WebPartLoadDataCollector.js.map

package/lib-commonjs/index.js

@@ -10,19 +10,23 @@
  *
  * @packagedocumentation
  */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports._WebPartLoadDataCollector = exports._ensureIsolatedDomainUrl = exports._ShimmerFactory = exports.ThemeProvider = exports.ThemeChangedEventArgs = exports._PropertyMetadataProcessor = exports._LegacyThirdPartyFabricCoreLoader = exports.DynamicProperty = exports.DynamicDataSourceManager = exports.DynamicDataProvider = exports.BaseComponentContext = exports.BaseComponent = void 0;
 var BaseComponent_1 = require("./BaseComponent");
-Object.defineProperty(exports, "BaseComponent", { enumerable: true, get: function () { return BaseComponent_1.default; } });
+Object.defineProperty(exports, "BaseComponent", { enumerable: true, get: function () { return __importDefault(BaseComponent_1).default; } });
 var BaseComponentContext_1 = require("./BaseComponentContext");
-Object.defineProperty(exports, "BaseComponentContext", { enumerable: true, get: function () { return BaseComponentContext_1.default; } });
+Object.defineProperty(exports, "BaseComponentContext", { enumerable: true, get: function () { return __importDefault(BaseComponentContext_1).default; } });
 var DynamicDataProvider_1 = require("./DynamicDataProvider");
-Object.defineProperty(exports, "DynamicDataProvider", { enumerable: true, get: function () { return DynamicDataProvider_1.default; } });
+Object.defineProperty(exports, "DynamicDataProvider", { enumerable: true, get: function () { return __importDefault(DynamicDataProvider_1).default; } });
 var DynamicDataSourceManager_1 = require("./DynamicDataSourceManager");
-Object.defineProperty(exports, "DynamicDataSourceManager", { enumerable: true, get: function () { return DynamicDataSourceManager_1.default; } });
+Object.defineProperty(exports, "DynamicDataSourceManager", { enumerable: true, get: function () { return __importDefault(DynamicDataSourceManager_1).default; } });
 var DynamicProperty_1 = require("./DynamicProperty");
-Object.defineProperty(exports, "DynamicProperty", { enumerable: true, get: function () { return DynamicProperty_1.default; } });
+Object.defineProperty(exports, "DynamicProperty", { enumerable: true, get: function () { return __importDefault(DynamicProperty_1).default; } });
 var LegacyThirdPartyFabricCoreLoader_1 = require("./LegacyThirdPartyFabricCoreLoader");
-Object.defineProperty(exports, "_LegacyThirdPartyFabricCoreLoader", { enumerable: true, get: function () { return LegacyThirdPartyFabricCoreLoader_1.default; } });
+Object.defineProperty(exports, "_LegacyThirdPartyFabricCoreLoader", { enumerable: true, get: function () { return __importDefault(LegacyThirdPartyFabricCoreLoader_1).default; } });
 var PropertyMetadataProcessor_1 = require("./PropertyMetadataProcessor");
 Object.defineProperty(exports, "_PropertyMetadataProcessor", { enumerable: true, get: function () { return PropertyMetadataProcessor_1.PropertyMetadataProcessor; } });
 var ThemeProvider_1 = require("./themeProvider/ThemeProvider");
@@ -30,7 +34,9 @@ Object.defineProperty(exports, "ThemeChangedEventArgs", { enumerable: true, get:
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
 // ShimmerFactory
 var ShimmerFactory_1 = require("./ShimmerFactory");
-Object.defineProperty(exports, "_ShimmerFactory", { enumerable: true, get: function () { return ShimmerFactory_1.default; } });
+Object.defineProperty(exports, "_ShimmerFactory", { enumerable: true, get: function () { return __importDefault(ShimmerFactory_1).default; } });
 var EnsureIsolatedDomainUrl_1 = require("./EnsureIsolatedDomainUrl");
 Object.defineProperty(exports, "_ensureIsolatedDomainUrl", { enumerable: true, get: function () { return EnsureIsolatedDomainUrl_1.ensureIsolatedDomainUrl; } });
+var WebPartLoadDataCollector_1 = require("./dataCollector/WebPartLoadDataCollector");
+Object.defineProperty(exports, "_WebPartLoadDataCollector", { enumerable: true, get: function () { return WebPartLoadDataCollector_1.WebPartLoadDataCollector; } });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/test-api/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockComponentContext = exports.MockComponent = void 0;
 var MockComponent_1 = require("./MockComponent");
 Object.defineProperty(exports, "MockComponent", { enumerable: true, get: function () { return MockComponent_1.MockComponent; } });
 var MockComponentContext_1 = require("./MockComponentContext");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/sp-component-base",
-  "version": "1.14.0",
+  "version": "1.15.0-rc.0",
   "description": "SharePoint Framework support for building client-side components",
   "license": "SEE LICENSE IN \"EULA\" FOLDER",
   "homepage": "http://aka.ms/spfx",
@@ -11,18 +11,18 @@
     "tsdocFlavor": "AEDoc"
   },
   "dependencies": {
-    "@microsoft/office-ui-fabric-react-bundle": "1.14.0",
-    "@microsoft/sp-core-library": "1.14.0",
-    "@microsoft/sp-diagnostics": "1.14.0",
-    "@microsoft/sp-dynamic-data": "1.14.0",
-    "@microsoft/sp-http": "1.14.0",
-    "@microsoft/sp-lodash-subset": "1.14.0",
-    "@microsoft/sp-module-interfaces": "1.14.0",
-    "@microsoft/sp-page-context": "1.14.0",
-    "tslib": "~1.10.0"
+    "@microsoft/office-ui-fabric-react-bundle": "1.15.0-rc.0",
+    "@microsoft/sp-core-library": "1.15.0-rc.0",
+    "@microsoft/sp-diagnostics": "1.15.0-rc.0",
+    "@microsoft/sp-dynamic-data": "1.15.0-rc.0",
+    "@microsoft/sp-http": "1.15.0-rc.0",
+    "@microsoft/sp-lodash-subset": "1.15.0-rc.0",
+    "@microsoft/sp-module-interfaces": "1.15.0-rc.0",
+    "@microsoft/sp-page-context": "1.15.0-rc.0",
+    "tslib": "2.3.1"
   },
   "scripts": {},
   "engines": {
-    "node": ">=12.13.0 <13.0.0 || >=14.15.0 <15.0.0"
+    "node": ">=12.13.0 <13.0.0 || >=14.15.0 <15.0.0 || >=16.13.0 <17.0.0"
   }
 }