@atlaskit/editor-common 105.9.1 → 105.10.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/editor-common
 
+## 105.10.0
+
+### Minor Changes
+
+- [#156919](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/156919)
+  [`379f5c27f4939`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/379f5c27f4939) -
+  delay table sticky headers until table is in viewport
+
+### Patch Changes
+
+- [#160973](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160973)
+  [`9f2837a46dd98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f2837a46dd98) -
+  Ignore error thrown from getPreloadedExtension fallback to sync method
+- [#159655](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159655)
+  [`24f8c627d50f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/24f8c627d50f2) - ##
+  WHAT? Remove experimental graceful edit mode from view mode plugin and associated props.
+
+  ## WHY?
+
+  This experiment is being cleaned up and we are no longer proceeding in this direction.
+
+  ## HOW to adjust?
+
+  This experiment was only enabled for Confluence and should not have been enabled in other places.
+  If for some reason any of the following props/state/methdos were used please remove them:
+
+  - isConsumption
+  - contentMode
+  - initialContentMode
+  - updateContentMode
+
+- Updated dependencies
+
 ## 105.9.1
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -11,7 +11,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntlNext = require("react-intl-next");
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
 var _primitives = require("@atlaskit/primitives");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 /**
  * @jsxRuntime classic
@@ -168,17 +167,6 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
       onMouseLeave: function onMouseLeave() {
         setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(false);
       },
-      onClick: function onClick() {
-        if ((0, _experiments.editorExperiment)('live_pages_graceful_edit', 'text-click-delayed') || (0, _experiments.editorExperiment)('live_pages_graceful_edit', 'text-click-no-delay')) {
-          var _pluginInjectionApi$c, _pluginInjectionApi$e;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.core) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c === void 0 || _pluginInjectionApi$c.execute( // Extensions are not yet using the new plugin architecture, and the use of the pluginInjectionApi
-          // is not type safe in editor-common.
-          // @ts-ignore
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.commands.updateContentMode({
-            type: 'intent-to-edit'
-          }));
-        }
-      },
       "data-testid": "new-lozenge-container",
       contentEditable: false
     }, (0, _react.jsx)(_tooltip.default, {

package/dist/cjs/extensions/combine-extension-providers.js

@@ -57,37 +57,29 @@ var _default = exports.default = function _default(extensionProviders) {
         // preload() has not been called yet
         return;
       }
-      var error;
       var _iterator = _createForOfIteratorHelper(providersCache),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var provider = _step.value;
-          // Similar to invokeSingle. We are returning the first result that not throwing an error.
-          // It's OK to get exception here because we have a lot of providers.
-          // The current provider may not have the extension type we are looking for.
           try {
             var _provider$getPreloade;
             var result = provider === null || provider === void 0 || (_provider$getPreloade = provider.getPreloadedExtension) === null || _provider$getPreloade === void 0 ? void 0 : _provider$getPreloade.call(provider, type, key);
             if (result) {
               return result;
             }
-          } catch (e) {
-            error = e instanceof Error ? e : new Error(String(e));
+          } catch (_unused) {
+            // Not every provider will implement this method.
+            // In that case we would get error from other providers in the loop
+            // and undefined from that particular provider.
+            // We can safely ignore it and fallback to the async getExtension when nothing was found.
           }
         }
-
-        // If we exhausted all providers and none of them returned a result, we throw the last error.
-        // However as a extra precaution, we only throw in the dev environment.
-        // In production we will return undefined and getExtensionModuleNodeMaybePreloaded will fallback to regular getExtension call.
       } catch (err) {
         _iterator.e(err);
       } finally {
         _iterator.f();
       }
-      if (error && process.env.NODE_ENV !== 'production') {
-        throw error;
-      }
     },
     getExtension: function getExtension(type, key) {
       return invokeSingle('getExtension', [type, key]);

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "105.9.1";
+var packageVersion = "105.10.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/node-visibility/node-visibility-manager.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nodeVisibilityManager = void 0;
+// Use this selector to set the intersection observer boundary for editor's inline node views
+// If this does not exist, it will use the IntersectionObserver's default root
+var INTERSECTION_OBSERVER_ROOT_SELECTOR = '[data-editor-scroll-container="true"]';
+var editorObservers = new WeakMap();
+var callbackMap = new WeakMap();
+
+/**
+ * Creates a node visibility manager
+ * @param editorElement
+ * @returns
+ */
+var nodeVisibilityManager = exports.nodeVisibilityManager = function nodeVisibilityManager(editorElement) {
+  // Warning! do not reference editorElement outside of internal functions.
+  // editorElement is passed to allow support for multiple editors,
+
+  var unObserveInternal = function unObserveInternal(nodeElement) {
+    var _editorObservers$get;
+    (_editorObservers$get = editorObservers.get(editorElement)) === null || _editorObservers$get === void 0 || _editorObservers$get.unobserve(nodeElement);
+    callbackMap.delete(nodeElement);
+  };
+  var observe = function observe(observerConfig) {
+    var _editorObservers$get2;
+    callbackMap.set(observerConfig.element, observerConfig);
+    (_editorObservers$get2 = editorObservers.get(editorElement)) === null || _editorObservers$get2 === void 0 || _editorObservers$get2.observe(observerConfig.element);
+
+    // return clean up
+    return function () {
+      // consumer needs to unobserve on destroy if their element
+      // was observed but never scrolled into view
+      unObserveInternal(observerConfig.element);
+    };
+  };
+  var initialiseNodeObserver = function initialiseNodeObserver() {
+    if (editorObservers.has(editorElement)) {
+      return;
+    }
+    var intersectionObserverOptions = {
+      root: editorElement.closest(INTERSECTION_OBSERVER_ROOT_SELECTOR),
+      rootMargin: '0px 0px 100px 0px',
+      threshold: 0
+    };
+    var editorObserver = new IntersectionObserver(function (entries) {
+      return entries.map(function (entry) {
+        return {
+          entry: entry,
+          callback: callbackMap.get(entry.target)
+        };
+      })
+      // Invoke callbacks together to group browser rendering
+      // Avoiding requestAnimationFrame to reduce visual flickering
+      .forEach(function (_ref) {
+        var entry = _ref.entry,
+          callback = _ref.callback;
+        if (entry.isIntersecting) {
+          callback === null || callback === void 0 || callback.onFirstVisible();
+          if (entry.target instanceof HTMLElement) {
+            // immediately unobserve the element after it is visible
+            unObserveInternal(entry.target);
+          }
+        }
+      });
+    }, intersectionObserverOptions);
+    editorObservers.set(editorElement, editorObserver);
+  };
+  var disconnect = function disconnect() {
+    var _editorObservers$get3;
+    (_editorObservers$get3 = editorObservers.get(editorElement)) === null || _editorObservers$get3 === void 0 || _editorObservers$get3.disconnect();
+    editorObservers.delete(editorElement);
+  };
+  return {
+    initialiseNodeObserver: initialiseNodeObserver,
+    observe: observe,
+    disconnect: disconnect
+  };
+};

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

@@ -23,7 +23,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 = "105.9.1";
+var packageVersion = "105.10.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -10,7 +10,6 @@ import classnames from 'classnames';
 import { FormattedMessage, defineMessages } from 'react-intl-next';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import { Box, xcss } from '@atlaskit/primitives';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 const containerStyles = css({
   textAlign: 'left',
@@ -161,17 +160,6 @@ export const ExtensionLabel = ({
       onMouseLeave: () => {
         setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false);
       },
-      onClick: () => {
-        if (editorExperiment('live_pages_graceful_edit', 'text-click-delayed') || editorExperiment('live_pages_graceful_edit', 'text-click-no-delay')) {
-          var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$e;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.core) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.execute( // Extensions are not yet using the new plugin architecture, and the use of the pluginInjectionApi
-          // is not type safe in editor-common.
-          // @ts-ignore
-          pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.commands.updateContentMode({
-            type: 'intent-to-edit'
-          }));
-        }
-      },
       "data-testid": "new-lozenge-container",
       contentEditable: false
     }, jsx(Tooltip, {

package/dist/es2019/extensions/combine-extension-providers.js

@@ -27,28 +27,20 @@ export default (extensionProviders => {
         // preload() has not been called yet
         return;
       }
-      let error;
       for (const provider of providersCache) {
-        // Similar to invokeSingle. We are returning the first result that not throwing an error.
-        // It's OK to get exception here because we have a lot of providers.
-        // The current provider may not have the extension type we are looking for.
         try {
           var _provider$getPreloade;
           const result = provider === null || provider === void 0 ? void 0 : (_provider$getPreloade = provider.getPreloadedExtension) === null || _provider$getPreloade === void 0 ? void 0 : _provider$getPreloade.call(provider, type, key);
           if (result) {
             return result;
           }
-        } catch (e) {
-          error = e instanceof Error ? e : new Error(String(e));
+        } catch {
+          // Not every provider will implement this method.
+          // In that case we would get error from other providers in the loop
+          // and undefined from that particular provider.
+          // We can safely ignore it and fallback to the async getExtension when nothing was found.
         }
       }
-
-      // If we exhausted all providers and none of them returned a result, we throw the last error.
-      // However as a extra precaution, we only throw in the dev environment.
-      // In production we will return undefined and getExtensionModuleNodeMaybePreloaded will fallback to regular getExtension call.
-      if (error && process.env.NODE_ENV !== 'production') {
-        throw error;
-      }
     },
     getExtension(type, key) {
       return invokeSingle('getExtension', [type, key]);

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "105.9.1";
+const packageVersion = "105.10.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/node-visibility/node-visibility-manager.js

@@ -0,0 +1,72 @@
+// Use this selector to set the intersection observer boundary for editor's inline node views
+// If this does not exist, it will use the IntersectionObserver's default root
+const INTERSECTION_OBSERVER_ROOT_SELECTOR = '[data-editor-scroll-container="true"]';
+const editorObservers = new WeakMap();
+const callbackMap = new WeakMap();
+
+/**
+ * Creates a node visibility manager
+ * @param editorElement
+ * @returns
+ */
+export const nodeVisibilityManager = editorElement => {
+  // Warning! do not reference editorElement outside of internal functions.
+  // editorElement is passed to allow support for multiple editors,
+
+  const unObserveInternal = nodeElement => {
+    var _editorObservers$get;
+    (_editorObservers$get = editorObservers.get(editorElement)) === null || _editorObservers$get === void 0 ? void 0 : _editorObservers$get.unobserve(nodeElement);
+    callbackMap.delete(nodeElement);
+  };
+  const observe = observerConfig => {
+    var _editorObservers$get2;
+    callbackMap.set(observerConfig.element, observerConfig);
+    (_editorObservers$get2 = editorObservers.get(editorElement)) === null || _editorObservers$get2 === void 0 ? void 0 : _editorObservers$get2.observe(observerConfig.element);
+
+    // return clean up
+    return () => {
+      // consumer needs to unobserve on destroy if their element
+      // was observed but never scrolled into view
+      unObserveInternal(observerConfig.element);
+    };
+  };
+  const initialiseNodeObserver = () => {
+    if (editorObservers.has(editorElement)) {
+      return;
+    }
+    const intersectionObserverOptions = {
+      root: editorElement.closest(INTERSECTION_OBSERVER_ROOT_SELECTOR),
+      rootMargin: '0px 0px 100px 0px',
+      threshold: 0
+    };
+    const editorObserver = new IntersectionObserver(entries => entries.map(entry => ({
+      entry,
+      callback: callbackMap.get(entry.target)
+    }))
+    // Invoke callbacks together to group browser rendering
+    // Avoiding requestAnimationFrame to reduce visual flickering
+    .forEach(({
+      entry,
+      callback
+    }) => {
+      if (entry.isIntersecting) {
+        callback === null || callback === void 0 ? void 0 : callback.onFirstVisible();
+        if (entry.target instanceof HTMLElement) {
+          // immediately unobserve the element after it is visible
+          unObserveInternal(entry.target);
+        }
+      }
+    }), intersectionObserverOptions);
+    editorObservers.set(editorElement, editorObserver);
+  };
+  const disconnect = () => {
+    var _editorObservers$get3;
+    (_editorObservers$get3 = editorObservers.get(editorElement)) === null || _editorObservers$get3 === void 0 ? void 0 : _editorObservers$get3.disconnect();
+    editorObservers.delete(editorElement);
+  };
+  return {
+    initialiseNodeObserver,
+    observe,
+    disconnect
+  };
+};

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "105.9.1";
+const packageVersion = "105.10.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -10,7 +10,6 @@ import classnames from 'classnames';
 import { FormattedMessage, defineMessages } from 'react-intl-next';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
 import { Box, xcss } from '@atlaskit/primitives';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 var containerStyles = css({
   textAlign: 'left',
@@ -160,17 +159,6 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
       onMouseLeave: function onMouseLeave() {
         setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(false);
       },
-      onClick: function onClick() {
-        if (editorExperiment('live_pages_graceful_edit', 'text-click-delayed') || editorExperiment('live_pages_graceful_edit', 'text-click-no-delay')) {
-          var _pluginInjectionApi$c, _pluginInjectionApi$e;
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.core) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.actions) === null || _pluginInjectionApi$c === void 0 || _pluginInjectionApi$c.execute( // Extensions are not yet using the new plugin architecture, and the use of the pluginInjectionApi
-          // is not type safe in editor-common.
-          // @ts-ignore
-          pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.commands.updateContentMode({
-            type: 'intent-to-edit'
-          }));
-        }
-      },
       "data-testid": "new-lozenge-container",
       contentEditable: false
     }, jsx(Tooltip, {

package/dist/esm/extensions/combine-extension-providers.js

@@ -50,37 +50,29 @@ export default (function (extensionProviders) {
         // preload() has not been called yet
         return;
       }
-      var error;
       var _iterator = _createForOfIteratorHelper(providersCache),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var provider = _step.value;
-          // Similar to invokeSingle. We are returning the first result that not throwing an error.
-          // It's OK to get exception here because we have a lot of providers.
-          // The current provider may not have the extension type we are looking for.
           try {
             var _provider$getPreloade;
             var result = provider === null || provider === void 0 || (_provider$getPreloade = provider.getPreloadedExtension) === null || _provider$getPreloade === void 0 ? void 0 : _provider$getPreloade.call(provider, type, key);
             if (result) {
               return result;
             }
-          } catch (e) {
-            error = e instanceof Error ? e : new Error(String(e));
+          } catch (_unused) {
+            // Not every provider will implement this method.
+            // In that case we would get error from other providers in the loop
+            // and undefined from that particular provider.
+            // We can safely ignore it and fallback to the async getExtension when nothing was found.
           }
         }
-
-        // If we exhausted all providers and none of them returned a result, we throw the last error.
-        // However as a extra precaution, we only throw in the dev environment.
-        // In production we will return undefined and getExtensionModuleNodeMaybePreloaded will fallback to regular getExtension call.
       } catch (err) {
         _iterator.e(err);
       } finally {
         _iterator.f();
       }
-      if (error && process.env.NODE_ENV !== 'production') {
-        throw error;
-      }
     },
     getExtension: function getExtension(type, key) {
       return invokeSingle('getExtension', [type, key]);

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "105.9.1";
+var packageVersion = "105.10.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/node-visibility/node-visibility-manager.js

@@ -0,0 +1,75 @@
+// Use this selector to set the intersection observer boundary for editor's inline node views
+// If this does not exist, it will use the IntersectionObserver's default root
+var INTERSECTION_OBSERVER_ROOT_SELECTOR = '[data-editor-scroll-container="true"]';
+var editorObservers = new WeakMap();
+var callbackMap = new WeakMap();
+
+/**
+ * Creates a node visibility manager
+ * @param editorElement
+ * @returns
+ */
+export var nodeVisibilityManager = function nodeVisibilityManager(editorElement) {
+  // Warning! do not reference editorElement outside of internal functions.
+  // editorElement is passed to allow support for multiple editors,
+
+  var unObserveInternal = function unObserveInternal(nodeElement) {
+    var _editorObservers$get;
+    (_editorObservers$get = editorObservers.get(editorElement)) === null || _editorObservers$get === void 0 || _editorObservers$get.unobserve(nodeElement);
+    callbackMap.delete(nodeElement);
+  };
+  var observe = function observe(observerConfig) {
+    var _editorObservers$get2;
+    callbackMap.set(observerConfig.element, observerConfig);
+    (_editorObservers$get2 = editorObservers.get(editorElement)) === null || _editorObservers$get2 === void 0 || _editorObservers$get2.observe(observerConfig.element);
+
+    // return clean up
+    return function () {
+      // consumer needs to unobserve on destroy if their element
+      // was observed but never scrolled into view
+      unObserveInternal(observerConfig.element);
+    };
+  };
+  var initialiseNodeObserver = function initialiseNodeObserver() {
+    if (editorObservers.has(editorElement)) {
+      return;
+    }
+    var intersectionObserverOptions = {
+      root: editorElement.closest(INTERSECTION_OBSERVER_ROOT_SELECTOR),
+      rootMargin: '0px 0px 100px 0px',
+      threshold: 0
+    };
+    var editorObserver = new IntersectionObserver(function (entries) {
+      return entries.map(function (entry) {
+        return {
+          entry: entry,
+          callback: callbackMap.get(entry.target)
+        };
+      })
+      // Invoke callbacks together to group browser rendering
+      // Avoiding requestAnimationFrame to reduce visual flickering
+      .forEach(function (_ref) {
+        var entry = _ref.entry,
+          callback = _ref.callback;
+        if (entry.isIntersecting) {
+          callback === null || callback === void 0 || callback.onFirstVisible();
+          if (entry.target instanceof HTMLElement) {
+            // immediately unobserve the element after it is visible
+            unObserveInternal(entry.target);
+          }
+        }
+      });
+    }, intersectionObserverOptions);
+    editorObservers.set(editorElement, editorObserver);
+  };
+  var disconnect = function disconnect() {
+    var _editorObservers$get3;
+    (_editorObservers$get3 = editorObservers.get(editorElement)) === null || _editorObservers$get3 === void 0 || _editorObservers$get3.disconnect();
+    editorObservers.delete(editorElement);
+  };
+  return {
+    initialiseNodeObserver: initialiseNodeObserver,
+    observe: observe,
+    disconnect: disconnect
+  };
+};

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "105.9.1";
+var packageVersion = "105.10.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/types/node-visibility/node-visibility-manager.d.ts

@@ -0,0 +1,29 @@
+type NodeObservationConfig = {
+    element: HTMLElement;
+    onFirstVisible: () => void;
+};
+export type NodeVisibilityManager = {
+    /**
+     * Establishes IntersectionObserver for the editor to monitor all node viewport visibility
+     * @param editorDivElement
+     * @returns
+     */
+    initialiseNodeObserver: () => void;
+    /**
+     * observes specific node element with callbacks for triggering when the node is visible or hidden
+     */
+    observe: (observeConfig: NodeObservationConfig) => () => void;
+    /**
+     * Kills the IntersectionObserver and all callbacks
+     * @returns
+     */
+    disconnect: () => void;
+};
+type NodeVisibilityManagerFn = (editorElement: HTMLElement) => NodeVisibilityManager;
+/**
+ * Creates a node visibility manager
+ * @param editorElement
+ * @returns
+ */
+export declare const nodeVisibilityManager: NodeVisibilityManagerFn;
+export {};

package/dist/types-ts4.5/node-visibility/node-visibility-manager.d.ts

@@ -0,0 +1,29 @@
+type NodeObservationConfig = {
+    element: HTMLElement;
+    onFirstVisible: () => void;
+};
+export type NodeVisibilityManager = {
+    /**
+     * Establishes IntersectionObserver for the editor to monitor all node viewport visibility
+     * @param editorDivElement
+     * @returns
+     */
+    initialiseNodeObserver: () => void;
+    /**
+     * observes specific node element with callbacks for triggering when the node is visible or hidden
+     */
+    observe: (observeConfig: NodeObservationConfig) => () => void;
+    /**
+     * Kills the IntersectionObserver and all callbacks
+     * @returns
+     */
+    disconnect: () => void;
+};
+type NodeVisibilityManagerFn = (editorElement: HTMLElement) => NodeVisibilityManager;
+/**
+ * Creates a node visibility manager
+ * @param editorElement
+ * @returns
+ */
+export declare const nodeVisibilityManager: NodeVisibilityManagerFn;
+export {};

package/node-visibility/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-common/node-visibility",
+  "main": "../dist/cjs/node-visibility/node-visibility-manager.js",
+  "module": "../dist/esm/node-visibility/node-visibility-manager.js",
+  "module:es2019": "../dist/es2019/node-visibility/node-visibility-manager.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/node-visibility/node-visibility-manager.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/node-visibility/node-visibility-manager.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "105.9.1",
+	"version": "105.10.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -77,6 +77,7 @@
 		"./media-single": "./src/media-single/index.ts",
 		"./media": "./src/media/index.ts",
 		"./monitoring": "./src/monitoring/index.ts",
+		"./node-visibility": "./src/node-visibility/node-visibility-manager.ts",
 		"./paste": "./src/paste/index.ts",
 		"./resizer": "./src/resizer/index.ts",
 		"./editor-analytics": "./src/editor-analytics/index.ts",
@@ -139,7 +140,7 @@
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.2.0",
-		"@atlaskit/icon": "^26.2.0",
+		"@atlaskit/icon": "^26.3.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.11.0",
@@ -168,7 +169,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.25.0",
+		"@atlaskit/tmp-editor-statsig": "^5.0.0",
 		"@atlaskit/tokens": "^4.9.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/width-detector": "^5.0.0",