@atlaskit/react-ufo 2.8.2 → 2.10.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 2.10.0
+
+### Minor Changes
+
+- [#103488](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103488)
+  [`1081d09eb1d4b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1081d09eb1d4b) -
+  Add API to support SSR whitelist for NIN
+
+## 2.9.0
+
+### Minor Changes
+
+- [#101686](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101686)
+  [`e26a94f833e02`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e26a94f833e02) -
+  Add fallback error handling for check element visibility VC calculation logic
+
 ## 2.8.2
 
 ### Patch Changes

package/dist/cjs/create-payload/index.js

@@ -179,7 +179,7 @@ var getPaintMetrics = function getPaintMetrics(type) {
   return metrics;
 };
 var getVCMetrics = function getVCMetrics(interaction) {
-  var _config$vc, _interaction$apdex;
+  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex;
   var config = (0, _config.getConfig)();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
     return {};
@@ -187,7 +187,8 @@ var getVCMetrics = function getVCMetrics(interaction) {
   if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
     return {};
   }
-  var ssr = interaction.type === 'page_load' && config !== null && config !== void 0 && config.ssr ? {
+  var isSSREnabled = (config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName));
+  var ssr = interaction.type === 'page_load' && isSSREnabled ? {
     ssr: getSSRDoneTimeValue(config)
   } : null;
   _interactionMetrics.postInteractionLog.setVCObserverSSRConfig(ssr);

package/dist/cjs/vc/vc-observer/observers/index.js

@@ -19,6 +19,17 @@ var state = {
   waitingForFirstRender: 2,
   ignoring: 3
 };
+function isElementVisible(target) {
+  if (!target || typeof target.checkVisibility !== 'function') {
+    return true;
+  }
+  var isVisible = target.checkVisibility({
+    contentVisibilityAuto: true,
+    opacityProperty: true,
+    visibilityProperty: true
+  });
+  return isVisible;
+}
 function isInsideEditorContainer(target) {
   if (!target || typeof target.closest !== 'function') {
     return false;
@@ -255,12 +266,7 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
               return;
             }
             if ((0, _platformFeatureFlags.fg)('platform-ufo-invisible-element-vc-calculations')) {
-              var isVisible = target.checkVisibility({
-                contentVisibilityAuto: true,
-                opacityProperty: true,
-                visibilityProperty: true
-              });
-              if (!isVisible) {
+              if (!isElementVisible(target)) {
                 data.ignoreReason = 'not-visible';
               }
             }

package/dist/es2019/create-payload/index.js

@@ -156,7 +156,7 @@ const getPaintMetrics = type => {
   return metrics;
 };
 const getVCMetrics = interaction => {
-  var _config$vc, _interaction$apdex, _interaction$apdex$;
+  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
     return {};
@@ -164,7 +164,8 @@ const getVCMetrics = interaction => {
   if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
     return {};
   }
-  const ssr = interaction.type === 'page_load' && config !== null && config !== void 0 && config.ssr ? {
+  const isSSREnabled = (config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 ? void 0 : (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName));
+  const ssr = interaction.type === 'page_load' && isSSREnabled ? {
     ssr: getSSRDoneTimeValue(config)
   } : null;
   postInteractionLog.setVCObserverSSRConfig(ssr);

package/dist/es2019/vc/vc-observer/observers/index.js

@@ -8,6 +8,17 @@ const state = {
   waitingForFirstRender: 2,
   ignoring: 3
 };
+function isElementVisible(target) {
+  if (!target || typeof target.checkVisibility !== 'function') {
+    return true;
+  }
+  const isVisible = target.checkVisibility({
+    contentVisibilityAuto: true,
+    opacityProperty: true,
+    visibilityProperty: true
+  });
+  return isVisible;
+}
 function isInsideEditorContainer(target) {
   if (!target || typeof target.closest !== 'function') {
     return false;
@@ -223,12 +234,7 @@ export class Observers {
             return;
           }
           if (fg('platform-ufo-invisible-element-vc-calculations')) {
-            const isVisible = target.checkVisibility({
-              contentVisibilityAuto: true,
-              opacityProperty: true,
-              visibilityProperty: true
-            });
-            if (!isVisible) {
+            if (!isElementVisible(target)) {
               data.ignoreReason = 'not-visible';
             }
           }

package/dist/esm/create-payload/index.js

@@ -169,7 +169,7 @@ var getPaintMetrics = function getPaintMetrics(type) {
   return metrics;
 };
 var getVCMetrics = function getVCMetrics(interaction) {
-  var _config$vc, _interaction$apdex;
+  var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex;
   var config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
     return {};
@@ -177,7 +177,8 @@ var getVCMetrics = function getVCMetrics(interaction) {
   if (interaction.type !== 'page_load' && interaction.type !== 'transition') {
     return {};
   }
-  var ssr = interaction.type === 'page_load' && config !== null && config !== void 0 && config.ssr ? {
+  var isSSREnabled = (config === null || config === void 0 ? void 0 : config.ssr) || (config === null || config === void 0 || (_config$vc$ssrWhiteli = config.vc.ssrWhitelist) === null || _config$vc$ssrWhiteli === void 0 ? void 0 : _config$vc$ssrWhiteli.includes(interaction.ufoName));
+  var ssr = interaction.type === 'page_load' && isSSREnabled ? {
     ssr: getSSRDoneTimeValue(config)
   } : null;
   postInteractionLog.setVCObserverSSRConfig(ssr);

package/dist/esm/vc/vc-observer/observers/index.js

@@ -12,6 +12,17 @@ var state = {
   waitingForFirstRender: 2,
   ignoring: 3
 };
+function isElementVisible(target) {
+  if (!target || typeof target.checkVisibility !== 'function') {
+    return true;
+  }
+  var isVisible = target.checkVisibility({
+    contentVisibilityAuto: true,
+    opacityProperty: true,
+    visibilityProperty: true
+  });
+  return isVisible;
+}
 function isInsideEditorContainer(target) {
   if (!target || typeof target.closest !== 'function') {
     return false;
@@ -248,12 +259,7 @@ export var Observers = /*#__PURE__*/function () {
               return;
             }
             if (fg('platform-ufo-invisible-element-vc-calculations')) {
-              var isVisible = target.checkVisibility({
-                contentVisibilityAuto: true,
-                opacityProperty: true,
-                visibilityProperty: true
-              });
-              if (!isVisible) {
+              if (!isElementVisible(target)) {
                 data.ignoreReason = 'not-visible';
               }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "2.8.2",
+	"version": "2.10.0",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",