@atlaskit/editor-common 114.42.0 → 114.43.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-common
 
+## 114.43.0
+
+### Minor Changes
+
+- [`09fd1de566937`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/09fd1de566937) -
+  Add UFO experience tracking to `@atlaskit/editor-plugin-autocomplete` for the asynchronous
+  operations that have meaningful latency and success/failure outcomes — slow-lane fetch, vocabulary
+  load, and vectors load. Experiences surface downstream as
+  `platform.fe.operation.editor-plugin-autocomplete.<name>`.
+
+  Per-keystroke suggestion lifecycle counters (view, insert, dismiss) are tracked exclusively via
+  analytics-next instead of UFO, to avoid emitting zero-duration events on every word boundary. A
+  new `suggestionDismissed` contextual-typeahead analytics event is added
+  (`@atlaskit/editor-common`) alongside the existing `suggestionViewed` / `suggestionInserted`
+  events, with a `reason: 'escape' | 'blur'` attribute.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 114.42.0
 
 ### Minor Changes

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "114.41.0";
+var packageVersion = "114.42.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/resizer/Resizer.js

@@ -16,6 +16,7 @@ var _reResizable = require("re-resizable");
 var _reactIntl = require("react-intl");
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _breakout = require("../messages/breakout");
@@ -90,7 +91,8 @@ var ResizerNext = function ResizerNext(props, ref) {
     childrenDOMRef = props.childrenDOMRef,
     labelComponent = props.labelComponent,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var supportedHandles = (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) ? SUPPORTED_HANDLES_FOR_VERTICAL_RESIZE : SUPPORTED_HANDLES;
+  var isDatabasesV2Enabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true);
+  var supportedHandles = isDatabasesV2Enabled ? SUPPORTED_HANDLES_FOR_VERTICAL_RESIZE : SUPPORTED_HANDLES;
   var onResizeStart = (0, _react.useCallback)(function (event) {
     // prevent creating a drag event on Firefox
     event.preventDefault();
@@ -111,12 +113,12 @@ var ResizerNext = function ResizerNext(props, ref) {
       width: resizableCurrent.state.original.width,
       height: resizableCurrent.state.original.height
     };
-    if ((0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true)) {
+    if (isDatabasesV2Enabled) {
       handleResize(originalState, delta, direction);
     } else {
       handleResize(originalState, delta);
     }
-  }, [handleResize]);
+  }, [handleResize, isDatabasesV2Enabled]);
   var onResizeStop = (0, _react.useCallback)(function (_event, direction, _elementRef, delta) {
     var resizableCurrent = resizable.current;
     if (!resizableCurrent || !resizableCurrent.state.original) {
@@ -129,17 +131,17 @@ var ResizerNext = function ResizerNext(props, ref) {
       height: resizableCurrent.state.original.height
     };
     setIsResizing(false);
-    if ((0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true)) {
+    if (isDatabasesV2Enabled) {
       handleResizeStop(originalState, delta, direction);
     } else {
       handleResizeStop(originalState, delta);
     }
-  }, [handleResizeStop]);
+  }, [handleResizeStop, isDatabasesV2Enabled]);
   var handles = (0, _react.useMemo)(function () {
     return supportedHandles.reduce(function (result, position) {
-      return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position, (0, _classnames3.default)(handleClassName !== null && handleClassName !== void 0 ? handleClassName : _resizer.resizerHandleClassName, position, handleSize, position === 'bottom' && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) ? undefined : handleAlignmentMethod)));
+      return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position, (0, _classnames3.default)(handleClassName !== null && handleClassName !== void 0 ? handleClassName : _resizer.resizerHandleClassName, position, handleSize, position === 'bottom' && isDatabasesV2Enabled ? undefined : handleAlignmentMethod)));
     }, {});
-  }, [handleClassName, handleSize, handleAlignmentMethod, supportedHandles]);
+  }, [handleClassName, handleSize, handleAlignmentMethod, supportedHandles, isDatabasesV2Enabled]);
   var handleWidth = handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)";
   var baseHorizontalHandleStyles = {
     width: handleWidth,
@@ -243,7 +245,7 @@ var ResizerNext = function ResizerNext(props, ref) {
     }
     return snapGap;
   }, [snap, snapGap]);
-  var resolvedHeight = (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) ? height !== null && height !== void 0 ? height : 'auto' : 'auto';
+  var resolvedHeight = isDatabasesV2Enabled ? height !== null && height !== void 0 ? height : 'auto' : 'auto';
   var resizerAutoSize = (0, _react.useMemo)(function () {
     return {
       width: width !== null && width !== void 0 ? width : 'auto',

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.41.0";
+var packageVersion = "114.42.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "114.41.0";
+const packageVersion = "114.42.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/resizer/Resizer.js

@@ -7,6 +7,7 @@ import { useIntl } from 'react-intl';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../messages/breakout';
@@ -69,7 +70,8 @@ const ResizerNext = (props, ref) => {
     labelComponent,
     ...otherProps
   } = props;
-  const supportedHandles = expValEquals('databases-native-embeds-v2', 'isEnabled', true) ? SUPPORTED_HANDLES_FOR_VERTICAL_RESIZE : SUPPORTED_HANDLES;
+  const isDatabasesV2Enabled = expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true);
+  const supportedHandles = isDatabasesV2Enabled ? SUPPORTED_HANDLES_FOR_VERTICAL_RESIZE : SUPPORTED_HANDLES;
   const onResizeStart = useCallback(event => {
     // prevent creating a drag event on Firefox
     event.preventDefault();
@@ -90,12 +92,12 @@ const ResizerNext = (props, ref) => {
       width: resizableCurrent.state.original.width,
       height: resizableCurrent.state.original.height
     };
-    if (expValEquals('databases-native-embeds-v2', 'isEnabled', true)) {
+    if (isDatabasesV2Enabled) {
       handleResize(originalState, delta, direction);
     } else {
       handleResize(originalState, delta);
     }
-  }, [handleResize]);
+  }, [handleResize, isDatabasesV2Enabled]);
   const onResizeStop = useCallback((_event, direction, _elementRef, delta) => {
     const resizableCurrent = resizable.current;
     if (!resizableCurrent || !resizableCurrent.state.original) {
@@ -108,16 +110,16 @@ const ResizerNext = (props, ref) => {
       height: resizableCurrent.state.original.height
     };
     setIsResizing(false);
-    if (expValEquals('databases-native-embeds-v2', 'isEnabled', true)) {
+    if (isDatabasesV2Enabled) {
       handleResizeStop(originalState, delta, direction);
     } else {
       handleResizeStop(originalState, delta);
     }
-  }, [handleResizeStop]);
+  }, [handleResizeStop, isDatabasesV2Enabled]);
   const handles = useMemo(() => supportedHandles.reduce((result, position) => ({
     ...result,
-    [position]: classnames(handleClassName !== null && handleClassName !== void 0 ? handleClassName : resizerHandleClassName, position, handleSize, position === 'bottom' && expValEquals('databases-native-embeds-v2', 'isEnabled', true) ? undefined : handleAlignmentMethod)
-  }), {}), [handleClassName, handleSize, handleAlignmentMethod, supportedHandles]);
+    [position]: classnames(handleClassName !== null && handleClassName !== void 0 ? handleClassName : resizerHandleClassName, position, handleSize, position === 'bottom' && isDatabasesV2Enabled ? undefined : handleAlignmentMethod)
+  }), {}), [handleClassName, handleSize, handleAlignmentMethod, supportedHandles, isDatabasesV2Enabled]);
   const handleWidth = handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)";
   const baseHorizontalHandleStyles = {
     width: handleWidth,
@@ -238,7 +240,7 @@ const ResizerNext = (props, ref) => {
     }
     return snapGap;
   }, [snap, snapGap]);
-  const resolvedHeight = expValEquals('databases-native-embeds-v2', 'isEnabled', true) ? height !== null && height !== void 0 ? height : 'auto' : 'auto';
+  const resolvedHeight = isDatabasesV2Enabled ? height !== null && height !== void 0 ? height : 'auto' : 'auto';
   const resizerAutoSize = useMemo(() => ({
     width: width !== null && width !== void 0 ? width : 'auto',
     height: resolvedHeight

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "114.41.0";
+const packageVersion = "114.42.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "114.41.0";
+var packageVersion = "114.42.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/resizer/Resizer.js

@@ -13,6 +13,7 @@ import { useIntl } from 'react-intl';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../messages/breakout';
@@ -83,7 +84,8 @@ var ResizerNext = function ResizerNext(props, ref) {
     childrenDOMRef = props.childrenDOMRef,
     labelComponent = props.labelComponent,
     otherProps = _objectWithoutProperties(props, _excluded);
-  var supportedHandles = expValEquals('databases-native-embeds-v2', 'isEnabled', true) ? SUPPORTED_HANDLES_FOR_VERTICAL_RESIZE : SUPPORTED_HANDLES;
+  var isDatabasesV2Enabled = expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true);
+  var supportedHandles = isDatabasesV2Enabled ? SUPPORTED_HANDLES_FOR_VERTICAL_RESIZE : SUPPORTED_HANDLES;
   var onResizeStart = useCallback(function (event) {
     // prevent creating a drag event on Firefox
     event.preventDefault();
@@ -104,12 +106,12 @@ var ResizerNext = function ResizerNext(props, ref) {
       width: resizableCurrent.state.original.width,
       height: resizableCurrent.state.original.height
     };
-    if (expValEquals('databases-native-embeds-v2', 'isEnabled', true)) {
+    if (isDatabasesV2Enabled) {
       handleResize(originalState, delta, direction);
     } else {
       handleResize(originalState, delta);
     }
-  }, [handleResize]);
+  }, [handleResize, isDatabasesV2Enabled]);
   var onResizeStop = useCallback(function (_event, direction, _elementRef, delta) {
     var resizableCurrent = resizable.current;
     if (!resizableCurrent || !resizableCurrent.state.original) {
@@ -122,17 +124,17 @@ var ResizerNext = function ResizerNext(props, ref) {
       height: resizableCurrent.state.original.height
     };
     setIsResizing(false);
-    if (expValEquals('databases-native-embeds-v2', 'isEnabled', true)) {
+    if (isDatabasesV2Enabled) {
       handleResizeStop(originalState, delta, direction);
     } else {
       handleResizeStop(originalState, delta);
     }
-  }, [handleResizeStop]);
+  }, [handleResizeStop, isDatabasesV2Enabled]);
   var handles = useMemo(function () {
     return supportedHandles.reduce(function (result, position) {
-      return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position, classnames(handleClassName !== null && handleClassName !== void 0 ? handleClassName : resizerHandleClassName, position, handleSize, position === 'bottom' && expValEquals('databases-native-embeds-v2', 'isEnabled', true) ? undefined : handleAlignmentMethod)));
+      return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position, classnames(handleClassName !== null && handleClassName !== void 0 ? handleClassName : resizerHandleClassName, position, handleSize, position === 'bottom' && isDatabasesV2Enabled ? undefined : handleAlignmentMethod)));
     }, {});
-  }, [handleClassName, handleSize, handleAlignmentMethod, supportedHandles]);
+  }, [handleClassName, handleSize, handleAlignmentMethod, supportedHandles, isDatabasesV2Enabled]);
   var handleWidth = handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)";
   var baseHorizontalHandleStyles = {
     width: handleWidth,
@@ -236,7 +238,7 @@ var ResizerNext = function ResizerNext(props, ref) {
     }
     return snapGap;
   }, [snap, snapGap]);
-  var resolvedHeight = expValEquals('databases-native-embeds-v2', 'isEnabled', true) ? height !== null && height !== void 0 ? height : 'auto' : 'auto';
+  var resolvedHeight = isDatabasesV2Enabled ? height !== null && height !== void 0 ? height : 'auto' : 'auto';
   var resizerAutoSize = useMemo(function () {
     return {
       width: width !== null && width !== void 0 ? width : 'auto',

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.41.0";
+var packageVersion = "114.42.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/analytics/types/contextual-typeahead-events.d.ts

@@ -7,5 +7,9 @@ type ContextualTypeaheadAcceptedAttributes = {
     typedLength: number;
 };
 type ContextualTypeaheadAcceptedAEP = TrackAEP<ACTION.SUGGESTION_INSERTED, ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD, undefined, ContextualTypeaheadAcceptedAttributes, undefined>;
-export type ContextualTypeaheadEventPayload = ContextualTypeaheadViewedAEP | ContextualTypeaheadAcceptedAEP;
+type ContextualTypeaheadDismissedAttributes = {
+    reason: 'escape' | 'blur';
+};
+type ContextualTypeaheadDismissedAEP = TrackAEP<ACTION.SUGGESTION_DISMISSED, ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD, undefined, ContextualTypeaheadDismissedAttributes, undefined>;
+export type ContextualTypeaheadEventPayload = ContextualTypeaheadViewedAEP | ContextualTypeaheadAcceptedAEP | ContextualTypeaheadDismissedAEP;
 export {};

package/dist/types-ts4.5/analytics/types/contextual-typeahead-events.d.ts

@@ -7,5 +7,9 @@ type ContextualTypeaheadAcceptedAttributes = {
     typedLength: number;
 };
 type ContextualTypeaheadAcceptedAEP = TrackAEP<ACTION.SUGGESTION_INSERTED, ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD, undefined, ContextualTypeaheadAcceptedAttributes, undefined>;
-export type ContextualTypeaheadEventPayload = ContextualTypeaheadViewedAEP | ContextualTypeaheadAcceptedAEP;
+type ContextualTypeaheadDismissedAttributes = {
+    reason: 'escape' | 'blur';
+};
+type ContextualTypeaheadDismissedAEP = TrackAEP<ACTION.SUGGESTION_DISMISSED, ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD, undefined, ContextualTypeaheadDismissedAttributes, undefined>;
+export type ContextualTypeaheadEventPayload = ContextualTypeaheadViewedAEP | ContextualTypeaheadAcceptedAEP | ContextualTypeaheadDismissedAEP;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "114.42.0",
+	"version": "114.43.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,8 +37,8 @@
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^2.6.0",
-		"@atlaskit/adf-schema": "^52.13.0",
-		"@atlaskit/adf-utils": "^19.30.0",
+		"@atlaskit/adf-schema": "^52.14.0",
+		"@atlaskit/adf-utils": "^19.31.0",
 		"@atlaskit/afm-i18n-platform-editor-editor-common": "2.18.0",
 		"@atlaskit/analytics-listeners": "^10.1.0",
 		"@atlaskit/analytics-namespaced-context": "^7.3.0",
@@ -67,8 +67,8 @@
 		"@atlaskit/media-client-react": "^5.1.0",
 		"@atlaskit/media-common": "^13.3.0",
 		"@atlaskit/media-file-preview": "^0.17.0",
-		"@atlaskit/media-picker": "^71.3.0",
-		"@atlaskit/media-ui": "^29.2.0",
+		"@atlaskit/media-picker": "^71.4.0",
+		"@atlaskit/media-ui": "^29.3.0",
 		"@atlaskit/media-viewer": "^53.2.0",
 		"@atlaskit/mention": "^26.0.0",
 		"@atlaskit/menu": "^8.5.0",
@@ -87,7 +87,7 @@
 		"@atlaskit/task-decision": "^20.1.0",
 		"@atlaskit/teams-app-config": "^1.12.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^82.4.0",
+		"@atlaskit/tmp-editor-statsig": "^82.5.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/width-detector": "^5.1.0",