@atlaskit/editor-core 205.4.1 → 205.5.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-core
 
+## 205.5.1
+
+### Patch Changes
+
+- [#138479](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138479)
+  [`058e8050f1a78`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/058e8050f1a78) -
+  [A11Y-9995] Popup aria label removed fallback and added aria label where it fits in places that
+  uses the component
+- Updated dependencies
+
+## 205.5.0
+
+### Minor Changes
+
+- [#137929](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137929)
+  [`fafc821856dba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fafc821856dba) -
+  Introduced INP metrics collector behind feature flag
+
+### Patch Changes
+
+- [#140231](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/140231)
+  [`c00bd6c36816f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c00bd6c36816f) -
+  Editor annotation plugin will now hook into the annotation manager and disable standard behaviour
+  when the FG platform_editor_comments_api_manager is enabled.
+- Updated dependencies
+
 ## 205.4.1
 
 ### Patch Changes

package/dist/cjs/composable-editor/core-editor.js

@@ -25,6 +25,7 @@ var _featureFlagsFromProps = require("../utils/feature-flags-from-props");
 var _measureEnum = _interopRequireDefault(require("../utils/performance/measure-enum"));
 var _versionWrapper = require("../version-wrapper");
 var _corePerformanceMetrics = require("./core-performance-metrics");
+var _editorInpMetrics = require("./editor-inp-metrics");
 var _editorInternal = require("./editor-internal");
 var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
 var _useMemoEditorProps = _interopRequireDefault(require("./hooks/useMemoEditorProps"));
@@ -93,7 +94,7 @@ function Editor(passedProps) {
     }
   }, [onSaveFromProps]);
   var isFullPageApperance = Boolean(props.appearance && ['full-page', 'full-width'].includes(props.appearance));
-  return (0, _react2.jsx)(_react.Fragment, null, isFullPageApperance && (0, _platformFeatureFlags.fg)('platform_editor_fe--ufo-bridge') ? (0, _react2.jsx)(_corePerformanceMetrics.EditorUFOBridge, null) : null, isFullPageApperance && (0, _platformFeatureFlags.fg)('platform_editor_fe--performance_metrics') ? (0, _react2.jsx)(_corePerformanceMetrics.EditorPerformanceMetrics, null) : null, (0, _react2.jsx)(_editorInternal.EditorInternal, {
+  return (0, _react2.jsx)(_react.Fragment, null, isFullPageApperance && (0, _platformFeatureFlags.fg)('platform_editor_fe--ufo-bridge') ? (0, _react2.jsx)(_corePerformanceMetrics.EditorUFOBridge, null) : null, isFullPageApperance && (0, _platformFeatureFlags.fg)('platform_editor_fe--performance_metrics') ? (0, _react2.jsx)(_corePerformanceMetrics.EditorPerformanceMetrics, null) : null, isFullPageApperance && (0, _platformFeatureFlags.fg)('platform_editor_fe--inp-metrics') ? (0, _react2.jsx)(_editorInpMetrics.EditorINPMetrics, null) : null, (0, _react2.jsx)(_editorInternal.EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,

package/dist/cjs/composable-editor/editor-inp-metrics.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorINPMetrics = void 0;
+var _react = require("react");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _useAnalyticsEvents = require("@atlaskit/analytics-next/useAnalyticsEvents");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _inp = require("@atlaskit/editor-performance-metrics/inp");
+var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
+var EditorINPMetrics = exports.EditorINPMetrics = function EditorINPMetrics() {
+  var analyticsEvents = (0, _useAnalyticsEvents.useAnalyticsEvents)();
+
+  // onMount lifecycle hook
+  (0, _react.useEffect)(function () {
+    var cleanupFn;
+    var cleanupIdleCallback = createIdleCallback(function () {
+      cleanupFn = (0, _inp.setupINPTracking)(function (_ref) {
+        var value = _ref.value;
+        var interaction = (0, _interactionMetrics.getActiveInteraction)();
+        var ufoName = interaction === null || interaction === void 0 ? void 0 : interaction.ufoName;
+        sendAnalytics(analyticsEvents.createAnalyticsEvent, value, ufoName);
+      });
+    });
+
+    // Cleanup function that will be called when the component unmounts
+    return function () {
+      var _cleanupFn;
+      cleanupIdleCallback();
+      (_cleanupFn = cleanupFn) === null || _cleanupFn === void 0 || _cleanupFn();
+    };
+    // Using hook as mount lifecycle hook.
+    // We do not need to set dependency on analyticsEvents since we are using the analyticsEvents object reference
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // This component doesn't render anything
+  return null;
+};
+var sendAnalytics = (0, _debounce.default)(function (createAnalyticsEvent, value, ufoName) {
+  (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)({
+    payload: {
+      // @ts-expect-error Temporary data
+      action: 'inp',
+      actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      attributes: {
+        inp: value,
+        ufoName: ufoName
+      }
+    }
+  });
+}, 1000, {
+  trailing: true
+});
+var createIdleCallback = function createIdleCallback(callback) {
+  if (typeof window.requestIdleCallback === 'function') {
+    var _id = window.requestIdleCallback(callback);
+    return function () {
+      return window.cancelIdleCallback(_id);
+    };
+  }
+  // Fallback to setTimeout with 0 delay if requestIdleCallback is not available
+  var id = window.setTimeout(callback, 0);
+  return function () {
+    return window.clearTimeout(id);
+  };
+};

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

@@ -142,9 +142,6 @@ var firstBlockNodeStylesNew = (0, _react2.css)(_templateObject9 || (_templateObj
  * fix layout issue of first block node
  */
 var fixBlockControlStylesSSR = exports.fixBlockControlStylesSSR = function fixBlockControlStylesSSR() {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_ssr_fix_block_controls')) {
-    return null;
-  }
   if ((0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_6')) {
     return firstBlockNodeStylesNew;
   }

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "205.4.1";
+var version = exports.version = "205.5.1";

package/dist/es2019/composable-editor/core-editor.js

@@ -22,6 +22,7 @@ import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
 import measurements from '../utils/performance/measure-enum';
 import { name, version } from '../version-wrapper';
 import { EditorUFOBridge, EditorPerformanceMetrics } from './core-performance-metrics';
+import { EditorINPMetrics } from './editor-inp-metrics';
 import { EditorInternal } from './editor-internal';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
 // Ignored via go/ees005
@@ -91,7 +92,7 @@ function Editor(passedProps) {
     }
   }, [onSaveFromProps]);
   const isFullPageApperance = Boolean(props.appearance && ['full-page', 'full-width'].includes(props.appearance));
-  return jsx(Fragment, null, isFullPageApperance && fg('platform_editor_fe--ufo-bridge') ? jsx(EditorUFOBridge, null) : null, isFullPageApperance && fg('platform_editor_fe--performance_metrics') ? jsx(EditorPerformanceMetrics, null) : null, jsx(EditorInternal, {
+  return jsx(Fragment, null, isFullPageApperance && fg('platform_editor_fe--ufo-bridge') ? jsx(EditorUFOBridge, null) : null, isFullPageApperance && fg('platform_editor_fe--performance_metrics') ? jsx(EditorPerformanceMetrics, null) : null, isFullPageApperance && fg('platform_editor_fe--inp-metrics') ? jsx(EditorINPMetrics, null) : null, jsx(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,

package/dist/es2019/composable-editor/editor-inp-metrics.js

@@ -0,0 +1,61 @@
+import { useEffect } from 'react';
+import debounce from 'lodash/debounce';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
+import { ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { setupINPTracking } from '@atlaskit/editor-performance-metrics/inp';
+import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
+export const EditorINPMetrics = () => {
+  const analyticsEvents = useAnalyticsEvents();
+
+  // onMount lifecycle hook
+  useEffect(() => {
+    let cleanupFn;
+    const cleanupIdleCallback = createIdleCallback(() => {
+      cleanupFn = setupINPTracking(({
+        value
+      }) => {
+        const interaction = getActiveInteraction();
+        const ufoName = interaction === null || interaction === void 0 ? void 0 : interaction.ufoName;
+        sendAnalytics(analyticsEvents.createAnalyticsEvent, value, ufoName);
+      });
+    });
+
+    // Cleanup function that will be called when the component unmounts
+    return () => {
+      var _cleanupFn;
+      cleanupIdleCallback();
+      (_cleanupFn = cleanupFn) === null || _cleanupFn === void 0 ? void 0 : _cleanupFn();
+    };
+    // Using hook as mount lifecycle hook.
+    // We do not need to set dependency on analyticsEvents since we are using the analyticsEvents object reference
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // This component doesn't render anything
+  return null;
+};
+const sendAnalytics = debounce((createAnalyticsEvent, value, ufoName) => {
+  fireAnalyticsEvent(createAnalyticsEvent)({
+    payload: {
+      // @ts-expect-error Temporary data
+      action: 'inp',
+      actionSubject: ACTION_SUBJECT.EDITOR,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        inp: value,
+        ufoName
+      }
+    }
+  });
+}, 1_000, {
+  trailing: true
+});
+const createIdleCallback = callback => {
+  if (typeof window.requestIdleCallback === 'function') {
+    const id = window.requestIdleCallback(callback);
+    return () => window.cancelIdleCallback(id);
+  }
+  // Fallback to setTimeout with 0 delay if requestIdleCallback is not available
+  const id = window.setTimeout(callback, 0);
+  return () => window.clearTimeout(id);
+};

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

@@ -291,9 +291,6 @@ const firstBlockNodeStylesNew = css`
  * fix layout issue of first block node
  */
 export const fixBlockControlStylesSSR = () => {
-  if (!fg('platform_editor_ssr_fix_block_controls')) {
-    return null;
-  }
   if (fg('platform_editor_element_dnd_nested_fix_patch_6')) {
     return firstBlockNodeStylesNew;
   }

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "205.4.1";
+export const version = "205.5.1";

package/dist/esm/composable-editor/core-editor.js

@@ -25,6 +25,7 @@ import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
 import measurements from '../utils/performance/measure-enum';
 import { name, version } from '../version-wrapper';
 import { EditorUFOBridge, EditorPerformanceMetrics } from './core-performance-metrics';
+import { EditorINPMetrics } from './editor-inp-metrics';
 import { EditorInternal } from './editor-internal';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
 // Ignored via go/ees005
@@ -89,7 +90,7 @@ function Editor(passedProps) {
     }
   }, [onSaveFromProps]);
   var isFullPageApperance = Boolean(props.appearance && ['full-page', 'full-width'].includes(props.appearance));
-  return jsx(Fragment, null, isFullPageApperance && fg('platform_editor_fe--ufo-bridge') ? jsx(EditorUFOBridge, null) : null, isFullPageApperance && fg('platform_editor_fe--performance_metrics') ? jsx(EditorPerformanceMetrics, null) : null, jsx(EditorInternal, {
+  return jsx(Fragment, null, isFullPageApperance && fg('platform_editor_fe--ufo-bridge') ? jsx(EditorUFOBridge, null) : null, isFullPageApperance && fg('platform_editor_fe--performance_metrics') ? jsx(EditorPerformanceMetrics, null) : null, isFullPageApperance && fg('platform_editor_fe--inp-metrics') ? jsx(EditorINPMetrics, null) : null, jsx(EditorInternal, {
     props: props,
     handleAnalyticsEvent: handleAnalyticsEvent,
     createAnalyticsEvent: createAnalyticsEvent,

package/dist/esm/composable-editor/editor-inp-metrics.js

@@ -0,0 +1,64 @@
+import { useEffect } from 'react';
+import debounce from 'lodash/debounce';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
+import { ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { setupINPTracking } from '@atlaskit/editor-performance-metrics/inp';
+import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
+export var EditorINPMetrics = function EditorINPMetrics() {
+  var analyticsEvents = useAnalyticsEvents();
+
+  // onMount lifecycle hook
+  useEffect(function () {
+    var cleanupFn;
+    var cleanupIdleCallback = createIdleCallback(function () {
+      cleanupFn = setupINPTracking(function (_ref) {
+        var value = _ref.value;
+        var interaction = getActiveInteraction();
+        var ufoName = interaction === null || interaction === void 0 ? void 0 : interaction.ufoName;
+        sendAnalytics(analyticsEvents.createAnalyticsEvent, value, ufoName);
+      });
+    });
+
+    // Cleanup function that will be called when the component unmounts
+    return function () {
+      var _cleanupFn;
+      cleanupIdleCallback();
+      (_cleanupFn = cleanupFn) === null || _cleanupFn === void 0 || _cleanupFn();
+    };
+    // Using hook as mount lifecycle hook.
+    // We do not need to set dependency on analyticsEvents since we are using the analyticsEvents object reference
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // This component doesn't render anything
+  return null;
+};
+var sendAnalytics = debounce(function (createAnalyticsEvent, value, ufoName) {
+  fireAnalyticsEvent(createAnalyticsEvent)({
+    payload: {
+      // @ts-expect-error Temporary data
+      action: 'inp',
+      actionSubject: ACTION_SUBJECT.EDITOR,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        inp: value,
+        ufoName: ufoName
+      }
+    }
+  });
+}, 1000, {
+  trailing: true
+});
+var createIdleCallback = function createIdleCallback(callback) {
+  if (typeof window.requestIdleCallback === 'function') {
+    var _id = window.requestIdleCallback(callback);
+    return function () {
+      return window.cancelIdleCallback(_id);
+    };
+  }
+  // Fallback to setTimeout with 0 delay if requestIdleCallback is not available
+  var id = window.setTimeout(callback, 0);
+  return function () {
+    return window.clearTimeout(id);
+  };
+};

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

@@ -134,9 +134,6 @@ var firstBlockNodeStylesNew = css(_templateObject9 || (_templateObject9 = _tagge
  * fix layout issue of first block node
  */
 export var fixBlockControlStylesSSR = function fixBlockControlStylesSSR() {
-  if (!fg('platform_editor_ssr_fix_block_controls')) {
-    return null;
-  }
   if (fg('platform_editor_element_dnd_nested_fix_patch_6')) {
     return firstBlockNodeStylesNew;
   }

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "205.4.1";
+export var version = "205.5.1";

package/dist/types/composable-editor/editor-inp-metrics.d.ts

@@ -0,0 +1 @@
+export declare const EditorINPMetrics: () => null;