@atlaskit/react-ufo 2.14.0 → 2.14.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 2.14.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.14.1
+
+### Patch Changes
+
+- [#109596](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109596)
+  [`496dea881c42e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/496dea881c42e) -
+  [AFO-3379] Make the DefaultInteractionID trully global across multiple bundles
+
 ## 2.14.0
 
 ### Minor Changes

package/dist/cjs/interaction-id-context/index.js

@@ -5,6 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useInteractionId = exports.getInteractionId = exports.default = exports.DefaultInteractionID = void 0;
 var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+function getGlobalDefaultInteractionID() {
+  if (!(0, _platformFeatureFlags.fg)('platform_ufo_AFO-3379_fix_default_interaction')) {
+    return {
+      current: null
+    };
+  }
+  var ref = globalThis.__react_ufo__DefaultInteractionID;
+  if (ref) {
+    return ref;
+  }
+  var nextRef = {
+    current: null
+  };
+  globalThis.__react_ufo__DefaultInteractionID = nextRef;
+  return nextRef;
+}
+
 // Same structure as react's useRef.
 // This allows modals to use a ref to scope their value
 // const id = useRef(null);
@@ -13,9 +31,7 @@ var _react = require("react");
 // The default InteractionID object is a global singleton
 // It's the one that holds the root value used in routing,
 // and is overwritten when we have new interactions start.
-var DefaultInteractionID = exports.DefaultInteractionID = {
-  current: null
-};
+var DefaultInteractionID = exports.DefaultInteractionID = getGlobalDefaultInteractionID();
 
 // We use a context to allow modals to have their own lifecycle
 var _default = exports.default = /*#__PURE__*/(0, _react.createContext)(DefaultInteractionID);

package/dist/cjs/interaction-metrics-init/index.js

@@ -21,7 +21,11 @@ function sinkInteraction(instance, payloadPackage) {
   (0, _interactionMetrics.sinkInteractionHandler)(function (interactionId, interaction) {
     (0, _scheduler.unstable_scheduleCallback)(_scheduler.unstable_IdlePriority, function () {
       var payloads = payloadPackage.createPayloads(interactionId, interaction);
+      var devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
       payloads === null || payloads === void 0 || payloads.forEach(function (payload) {
+        if (typeof devToolObserver === 'function') {
+          devToolObserver === null || devToolObserver === void 0 || devToolObserver(payload);
+        }
         instance.sendOperationalEvent(payload);
       });
     });

package/dist/es2019/interaction-id-context/index.js

@@ -1,4 +1,21 @@
 import { createContext } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+function getGlobalDefaultInteractionID() {
+  if (!fg('platform_ufo_AFO-3379_fix_default_interaction')) {
+    return {
+      current: null
+    };
+  }
+  const ref = globalThis.__react_ufo__DefaultInteractionID;
+  if (ref) {
+    return ref;
+  }
+  const nextRef = {
+    current: null
+  };
+  globalThis.__react_ufo__DefaultInteractionID = nextRef;
+  return nextRef;
+}
 
 // Same structure as react's useRef.
 // This allows modals to use a ref to scope their value
@@ -8,9 +25,7 @@ import { createContext } from 'react';
 // The default InteractionID object is a global singleton
 // It's the one that holds the root value used in routing,
 // and is overwritten when we have new interactions start.
-export const DefaultInteractionID = {
-  current: null
-};
+export const DefaultInteractionID = getGlobalDefaultInteractionID();
 
 // We use a context to allow modals to have their own lifecycle
 export default /*#__PURE__*/createContext(DefaultInteractionID);

package/dist/es2019/interaction-metrics-init/index.js

@@ -10,7 +10,11 @@ function sinkInteraction(instance, payloadPackage) {
   sinkInteractionHandler((interactionId, interaction) => {
     scheduleCallback(idlePriority, () => {
       const payloads = payloadPackage.createPayloads(interactionId, interaction);
+      const devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
       payloads === null || payloads === void 0 ? void 0 : payloads.forEach(payload => {
+        if (typeof devToolObserver === 'function') {
+          devToolObserver === null || devToolObserver === void 0 ? void 0 : devToolObserver(payload);
+        }
         instance.sendOperationalEvent(payload);
       });
     });

package/dist/esm/interaction-id-context/index.js

@@ -1,4 +1,21 @@
 import { createContext } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+function getGlobalDefaultInteractionID() {
+  if (!fg('platform_ufo_AFO-3379_fix_default_interaction')) {
+    return {
+      current: null
+    };
+  }
+  var ref = globalThis.__react_ufo__DefaultInteractionID;
+  if (ref) {
+    return ref;
+  }
+  var nextRef = {
+    current: null
+  };
+  globalThis.__react_ufo__DefaultInteractionID = nextRef;
+  return nextRef;
+}
 
 // Same structure as react's useRef.
 // This allows modals to use a ref to scope their value
@@ -8,9 +25,7 @@ import { createContext } from 'react';
 // The default InteractionID object is a global singleton
 // It's the one that holds the root value used in routing,
 // and is overwritten when we have new interactions start.
-export var DefaultInteractionID = {
-  current: null
-};
+export var DefaultInteractionID = getGlobalDefaultInteractionID();
 
 // We use a context to allow modals to have their own lifecycle
 export default /*#__PURE__*/createContext(DefaultInteractionID);

package/dist/esm/interaction-metrics-init/index.js

@@ -11,7 +11,11 @@ function sinkInteraction(instance, payloadPackage) {
   sinkInteractionHandler(function (interactionId, interaction) {
     scheduleCallback(idlePriority, function () {
       var payloads = payloadPackage.createPayloads(interactionId, interaction);
+      var devToolObserver = globalThis.__ufo_devtool_onUfoPayload;
       payloads === null || payloads === void 0 || payloads.forEach(function (payload) {
+        if (typeof devToolObserver === 'function') {
+          devToolObserver === null || devToolObserver === void 0 || devToolObserver(payload);
+        }
         instance.sendOperationalEvent(payload);
       });
     });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "2.14.0",
+	"version": "2.14.2",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -75,11 +75,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/interaction-context": "^2.6.0",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
 		"bowser-ultralight": "^1.0.6",
-		"scheduler": "0.19.1",
+		"scheduler": "0.23.2",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
@@ -125,6 +125,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"platform_ufo_AFO-3379_fix_default_interaction": {
+			"type": "boolean"
+		},
 		"platform_editor_ed-25937_ignore_mutations_for_ttvc": {
 			"type": "boolean"
 		},