@atlaskit/editor-core 226.4.2 → 226.5.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-core
 
+## 226.5.0
+
+### Minor Changes
+
+- [`a70e1af6e4130`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a70e1af6e4130) -
+  EDITOR-8867 Remove the `editor inp` implementation: the `EditorINPMetrics` component in
+  `@atlaskit/editor-core` and the `inp` entry point (`setupINPTracking`) with its vendored `onINP`
+  internals in `@atlaskit/editor-performance-metrics`. Interaction latency is reported by the
+  `editor interactivity` event from `@atlaskit/editor-plugin-interactivity`, which should be used
+  instead.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 226.4.3
+
+### Patch Changes
+
+- [`5a0128690a065`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a0128690a065) -
+  Add mention avatars to Rovo editor and renderer surfaces behind
+  platform_editor_rovo_editor_mention_node_avatar
+- Updated dependencies
+
 ## 226.4.2
 
 ### Patch Changes

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

@@ -22,7 +22,6 @@ var _EditorContext = require("../ui/EditorContext");
 var _featureFlagsFromProps = require("../utils/feature-flags-from-props");
 var _measureEnum = _interopRequireDefault(require("../utils/performance/measure-enum"));
 var _versionWrapper = require("../version-wrapper");
-var _editorInpMetrics = require("./editor-inp-metrics");
 var _editorInternal = require("./editor-internal");
 var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
 var _useMemoEditorProps = _interopRequireDefault(require("./hooks/useMemoEditorProps"));
@@ -51,7 +50,6 @@ function Editor(passedProps) {
   var editorActions = editorContext.editorActions || editorActionsPlaceholderInstance;
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var editorViewRef = (0, _react.useRef)(null);
   var getFeatureFlagsFromRef = (0, _react.useCallback)(function () {
     var _propsRef$current$col, _propsRef$current$col2;
     return _objectSpread(_objectSpread({}, (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(propsRef.current.featureFlags)), {}, {
@@ -63,7 +61,6 @@ function Editor(passedProps) {
       contextIdentifierProvider = _propsRef$current.contextIdentifierProvider,
       onEditorReady = _propsRef$current.onEditorReady,
       featureFlags = _propsRef$current.featureFlags;
-    editorViewRef.current = instance.view;
     editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
     if (onEditorReady) {
       (0, _performanceMeasures.startMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK);
@@ -76,7 +73,6 @@ function Editor(passedProps) {
   }, [editorActions, createAnalyticsEvent, getFeatureFlagsFromRef, propsRef]);
   var onEditorDestroyed = (0, _react.useCallback)(function (_instance) {
     var onDestroy = propsRef.current.onDestroy;
-    editorViewRef.current = null;
     editorActions._privateUnregisterEditor();
     if (onDestroy) {
       onDestroy();
@@ -90,10 +86,7 @@ function Editor(passedProps) {
       onSaveFromProps(view);
     }
   }, [onSaveFromProps]);
-  var isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width', 'max'].includes(props.appearance));
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isFullPageAppearance ? /*#__PURE__*/_react.default.createElement(_editorInpMetrics.EditorINPMetrics, {
-    editorViewRef: editorViewRef
-  }) : null, /*#__PURE__*/_react.default.createElement(_editorInternal.EditorInternal, {
+  return /*#__PURE__*/_react.default.createElement(_editorInternal.EditorInternal, {
     props: props,
     createAnalyticsEvent: createAnalyticsEvent,
     preset: props.preset,
@@ -103,7 +96,7 @@ function Editor(passedProps) {
     onEditorDestroyed: onEditorDestroyed,
     providerFactory: providerFactory,
     AppearanceComponent: props.AppearanceComponent
-  }));
+  });
 }
 var useMemoEditorFeatureFlags = function useMemoEditorFeatureFlags(featureFlags) {
   var ffRef = (0, _react.useRef)(featureFlags);

package/dist/cjs/ui/EditorContentContainer/styles/vanillaTooltipStyles.js

@@ -11,7 +11,8 @@ var _react = require("@emotion/react");
 
 /**
  * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
- * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
+ * Opt in with `VANILLA_TOOLTIP_DEFAULT_CLASS`. Spelt out here because the selector has to stay
+ * statically analysable, so rename in step with that constant.
  *
  * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
  * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "226.4.1";
+var version = exports.version = "226.4.3";

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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo, useRef, Fragment } from 'react';
+import React, { useCallback, useMemo, useRef } from 'react';
 import isEqual from 'lodash/isEqual';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
@@ -13,7 +13,6 @@ import { useEditorContext } from '../ui/EditorContext';
 import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
 import measurements from '../utils/performance/measure-enum';
 import { name, version } from '../version-wrapper';
-import { EditorINPMetrics } from './editor-inp-metrics';
 import { EditorInternal } from './editor-internal';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
 // Ignored via go/ees005
@@ -39,7 +38,6 @@ function Editor(passedProps) {
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const editorViewRef = useRef(null);
   const getFeatureFlagsFromRef = useCallback(() => {
     var _propsRef$current$col, _propsRef$current$col2;
     return {
@@ -53,7 +51,6 @@ function Editor(passedProps) {
       onEditorReady,
       featureFlags
     } = propsRef.current;
-    editorViewRef.current = instance.view;
     editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
     if (onEditorReady) {
       startMeasure(measurements.ON_EDITOR_READY_CALLBACK);
@@ -68,7 +65,6 @@ function Editor(passedProps) {
     const {
       onDestroy
     } = propsRef.current;
-    editorViewRef.current = null;
     editorActions._privateUnregisterEditor();
     if (onDestroy) {
       onDestroy();
@@ -84,10 +80,7 @@ function Editor(passedProps) {
       onSaveFromProps(view);
     }
   }, [onSaveFromProps]);
-  const isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width', 'max'].includes(props.appearance));
-  return /*#__PURE__*/React.createElement(Fragment, null, isFullPageAppearance ? /*#__PURE__*/React.createElement(EditorINPMetrics, {
-    editorViewRef: editorViewRef
-  }) : null, /*#__PURE__*/React.createElement(EditorInternal, {
+  return /*#__PURE__*/React.createElement(EditorInternal, {
     props: props,
     createAnalyticsEvent: createAnalyticsEvent,
     preset: props.preset,
@@ -97,7 +90,7 @@ function Editor(passedProps) {
     onEditorDestroyed: onEditorDestroyed,
     providerFactory: providerFactory,
     AppearanceComponent: props.AppearanceComponent
-  }));
+  });
 }
 const useMemoEditorFeatureFlags = featureFlags => {
   const ffRef = useRef(featureFlags);

package/dist/es2019/ui/EditorContentContainer/styles/vanillaTooltipStyles.js

@@ -4,7 +4,8 @@
 import { css } from '@emotion/react';
 /**
  * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
- * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
+ * Opt in with `VANILLA_TOOLTIP_DEFAULT_CLASS`. Spelt out here because the selector has to stay
+ * statically analysable, so rename in step with that constant.
  *
  * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
  * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,

package/dist/es2019/version-wrapper.js

@@ -1,3 +1,3 @@
 export const name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const version = "226.4.1";
+export const version = "226.4.3";

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useCallback, useMemo, useRef, Fragment } from 'react';
+import React, { useCallback, useMemo, useRef } from 'react';
 import isEqual from 'lodash/isEqual';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
@@ -16,7 +16,6 @@ import { useEditorContext } from '../ui/EditorContext';
 import { createFeatureFlagsFromProps } from '../utils/feature-flags-from-props';
 import measurements from '../utils/performance/measure-enum';
 import { name, version } from '../version-wrapper';
-import { EditorINPMetrics } from './editor-inp-metrics';
 import { EditorInternal } from './editor-internal';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
 // Ignored via go/ees005
@@ -43,7 +42,6 @@ function Editor(passedProps) {
   var editorActions = editorContext.editorActions || editorActionsPlaceholderInstance;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var editorViewRef = useRef(null);
   var getFeatureFlagsFromRef = useCallback(function () {
     var _propsRef$current$col, _propsRef$current$col2;
     return _objectSpread(_objectSpread({}, createFeatureFlagsFromProps(propsRef.current.featureFlags)), {}, {
@@ -55,7 +53,6 @@ function Editor(passedProps) {
       contextIdentifierProvider = _propsRef$current.contextIdentifierProvider,
       onEditorReady = _propsRef$current.onEditorReady,
       featureFlags = _propsRef$current.featureFlags;
-    editorViewRef.current = instance.view;
     editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
     if (onEditorReady) {
       startMeasure(measurements.ON_EDITOR_READY_CALLBACK);
@@ -68,7 +65,6 @@ function Editor(passedProps) {
   }, [editorActions, createAnalyticsEvent, getFeatureFlagsFromRef, propsRef]);
   var onEditorDestroyed = useCallback(function (_instance) {
     var onDestroy = propsRef.current.onDestroy;
-    editorViewRef.current = null;
     editorActions._privateUnregisterEditor();
     if (onDestroy) {
       onDestroy();
@@ -82,10 +78,7 @@ function Editor(passedProps) {
       onSaveFromProps(view);
     }
   }, [onSaveFromProps]);
-  var isFullPageAppearance = Boolean(props.appearance && ['full-page', 'full-width', 'max'].includes(props.appearance));
-  return /*#__PURE__*/React.createElement(Fragment, null, isFullPageAppearance ? /*#__PURE__*/React.createElement(EditorINPMetrics, {
-    editorViewRef: editorViewRef
-  }) : null, /*#__PURE__*/React.createElement(EditorInternal, {
+  return /*#__PURE__*/React.createElement(EditorInternal, {
     props: props,
     createAnalyticsEvent: createAnalyticsEvent,
     preset: props.preset,
@@ -95,7 +88,7 @@ function Editor(passedProps) {
     onEditorDestroyed: onEditorDestroyed,
     providerFactory: providerFactory,
     AppearanceComponent: props.AppearanceComponent
-  }));
+  });
 }
 var useMemoEditorFeatureFlags = function useMemoEditorFeatureFlags(featureFlags) {
   var ffRef = useRef(featureFlags);

package/dist/esm/ui/EditorContentContainer/styles/vanillaTooltipStyles.js

@@ -4,7 +4,8 @@
 import { css } from '@emotion/react';
 /**
  * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
- * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
+ * Opt in with `VANILLA_TOOLTIP_DEFAULT_CLASS`. Spelt out here because the selector has to stay
+ * statically analysable, so rename in step with that constant.
  *
  * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
  * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "226.4.1";
+export var version = "226.4.3";

package/dist/types/ui/EditorContentContainer/styles/vanillaTooltipStyles.d.ts

@@ -1,7 +1,8 @@
 import type { SerializedStyles } from '@emotion/react';
 /**
  * Default look for tooltips created by `VanillaTooltip` (`editor-common/vanilla-tooltip`).
- * Opt in by adding `ak-editor-vanilla-tooltip-default` to the tooltip's class name.
+ * Opt in with `VANILLA_TOOLTIP_DEFAULT_CLASS`. Spelt out here because the selector has to stay
+ * statically analysable, so rename in step with that constant.
  *
  * The tooltip is a `[popover]`: the browser paints it in the top layer but leaves it in the
  * DOM, so this descendant selector still matches. `VanillaTooltip` sets `opacity`,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "226.4.2",
+	"version": "226.5.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,6 @@
 		"@atlaskit/button": "^25.3.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/editor-json-transformer": "^9.8.0",
-		"@atlaskit/editor-performance-metrics": "^3.2.0",
 		"@atlaskit/editor-plugin-block-menu": "^15.1.0",
 		"@atlaskit/editor-plugin-connectivity": "^16.0.0",
 		"@atlaskit/editor-plugin-quick-insert": "^16.2.0",
@@ -92,7 +91,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^120.13.0",
+		"@atlaskit/editor-common": "^120.15.0",
 		"@atlaskit/link-provider": "^5.5.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"react": "^18.2.0",
@@ -108,7 +107,7 @@
 		"@atlaskit/analytics-gas-types": "^6.2.0",
 		"@atlaskit/analytics-listeners": "^11.3.0",
 		"@atlaskit/code": "^19.2.0",
-		"@atlaskit/collab-provider": "^25.1.0",
+		"@atlaskit/collab-provider": "^25.2.0",
 		"@atlaskit/docs": "^12.2.0",
 		"@atlaskit/drawer": "^14.3.0",
 		"@atlaskit/editor-plugin-alignment": "^17.0.0",
@@ -168,7 +167,7 @@
 		"@atlassian/editor-rovo-bridge": "^14.1.0",
 		"@atlassian/experiment-test-utils": "^0.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
-		"@atlassian/search-client": "^2.19.0",
+		"@atlassian/search-client": "^2.21.0",
 		"@atlassian/search-provider": "^17.1.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.11.0",

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

@@ -1,76 +0,0 @@
-"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 _getEditorDomSize = require("../utils/getEditorDomSize");
-var EditorINPMetrics = exports.EditorINPMetrics = function EditorINPMetrics(_ref) {
-  var editorViewRef = _ref.editorViewRef;
-  var analyticsEvents = (0, _useAnalyticsEvents.useAnalyticsEvents)();
-
-  // onMount lifecycle hook
-  (0, _react.useEffect)(function () {
-    var cleanupFn;
-    var cleanupIdleCallback = createIdleCallback(function () {
-      cleanupFn = (0, _inp.setupINPTracking)(function (_ref2) {
-        var value = _ref2.value;
-        var interaction = (0, _interactionMetrics.getActiveInteraction)();
-        var ufoName = interaction === null || interaction === void 0 ? void 0 : interaction.ufoName;
-        var editorView = editorViewRef.current;
-        var editorDomSize = editorView ? (0, _getEditorDomSize.getEditorDomSize)(editorView) : undefined;
-        sendAnalytics(analyticsEvents.createAnalyticsEvent, value, ufoName, editorDomSize);
-      });
-    });
-
-    // 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, editorDomSize) {
-  (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,
-        editorDomSize: editorDomSize
-      }
-    }
-  });
-}, 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/es2019/composable-editor/editor-inp-metrics.js

@@ -1,67 +0,0 @@
-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';
-import { getEditorDomSize } from '../utils/getEditorDomSize';
-export const EditorINPMetrics = ({
-  editorViewRef
-}) => {
-  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;
-        const editorView = editorViewRef.current;
-        const editorDomSize = editorView ? getEditorDomSize(editorView) : undefined;
-        sendAnalytics(analyticsEvents.createAnalyticsEvent, value, ufoName, editorDomSize);
-      });
-    });
-
-    // 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, editorDomSize) => {
-  fireAnalyticsEvent(createAnalyticsEvent)({
-    payload: {
-      // @ts-expect-error Temporary data
-      action: 'inp',
-      actionSubject: ACTION_SUBJECT.EDITOR,
-      eventType: EVENT_TYPE.TRACK,
-      attributes: {
-        inp: value,
-        ufoName,
-        editorDomSize
-      }
-    }
-  });
-}, 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/esm/composable-editor/editor-inp-metrics.js

@@ -1,69 +0,0 @@
-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';
-import { getEditorDomSize } from '../utils/getEditorDomSize';
-export var EditorINPMetrics = function EditorINPMetrics(_ref) {
-  var editorViewRef = _ref.editorViewRef;
-  var analyticsEvents = useAnalyticsEvents();
-
-  // onMount lifecycle hook
-  useEffect(function () {
-    var cleanupFn;
-    var cleanupIdleCallback = createIdleCallback(function () {
-      cleanupFn = setupINPTracking(function (_ref2) {
-        var value = _ref2.value;
-        var interaction = getActiveInteraction();
-        var ufoName = interaction === null || interaction === void 0 ? void 0 : interaction.ufoName;
-        var editorView = editorViewRef.current;
-        var editorDomSize = editorView ? getEditorDomSize(editorView) : undefined;
-        sendAnalytics(analyticsEvents.createAnalyticsEvent, value, ufoName, editorDomSize);
-      });
-    });
-
-    // 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, editorDomSize) {
-  fireAnalyticsEvent(createAnalyticsEvent)({
-    payload: {
-      // @ts-expect-error Temporary data
-      action: 'inp',
-      actionSubject: ACTION_SUBJECT.EDITOR,
-      eventType: EVENT_TYPE.TRACK,
-      attributes: {
-        inp: value,
-        ufoName: ufoName,
-        editorDomSize: editorDomSize
-      }
-    }
-  });
-}, 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/types/composable-editor/editor-inp-metrics.d.ts

@@ -1,7 +0,0 @@
-import { type RefObject } from 'react';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-type EditorINPMetricsProps = {
-    editorViewRef: RefObject<EditorView | null>;
-};
-export declare const EditorINPMetrics: ({ editorViewRef }: EditorINPMetricsProps) => null;
-export {};