@atlaskit/editor-common 105.9.0 → 105.10.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @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
+
+- [#159910](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159910)
+  [`795f5ed29ca14`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/795f5ed29ca14) -
+  Make getNodeRenderer synchronous so loading state never appear in Confluence
+- Updated dependencies
+
 ## 105.9.0
 
 ### Minor 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/extensions/extension-handlers.js

@@ -116,8 +116,6 @@ function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
   return (0, _reactLoadable.default)({
     loader: function loader() {
       if ((0, _platformFeatureFlags.fg)('confluence_preload_extension_providers')) {
-        // Logic here is specific to Confluence because it doesn't use the original react-loadable.
-        // The library is replaced with a custom one that supports synchronous return value from loader.
         var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
         if (maybePromise instanceof Promise) {
           return maybePromise.then(function (node) {
@@ -125,11 +123,12 @@ function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
           });
         } else {
           var _renderSync, _ref;
-          // maybePromise is sync here
           var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
-          // Note resolveImport is still async but we are not waiting on a already-fulfilled value.
-          // It is fast enough to not flip back to loading.
-          return (0, _manifestHelpers.resolveImport)(preloaded ? preloaded : maybePromise.render());
+          // Only product implemented preloading will return sync result
+          // However the out-of-box won't handle this. Confluence uses a custom implementation
+          return preloaded
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ? (0, _manifestHelpers.resolveImportSync)(preloaded) : (0, _manifestHelpers.resolveImport)(maybePromise.render());
         }
       } else {
         return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(function (node) {

package/dist/cjs/extensions/manifest-helpers.js

@@ -8,7 +8,7 @@ exports.FORGE_EXTENSION_TYPE = void 0;
 exports.buildAction = buildAction;
 exports.buildExtensionKeyAndNodeKey = void 0;
 exports.buildNode = buildNode;
-exports.resolveImport = exports.getExtensionKeyAndNodeKey = void 0;
+exports.resolveImportSync = exports.resolveImport = exports.getExtensionKeyAndNodeKey = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -44,18 +44,21 @@ function buildAction(action, manifest) {
     return buildNode(action, manifest);
   }
 }
+var resolveImportSync = exports.resolveImportSync = function resolveImportSync(importedModule) {
+  return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
+};
 var resolveImport = exports.resolveImport = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importPromise) {
-    var importedModule;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.t0 = resolveImportSync;
+          _context.next = 3;
           return importPromise;
-        case 2:
-          importedModule = _context.sent;
-          return _context.abrupt("return", importedModule && importedModule.__esModule ? importedModule.default : importedModule);
-        case 4:
+        case 3:
+          _context.t1 = _context.sent;
+          return _context.abrupt("return", (0, _context.t0)(_context.t1));
+        case 5:
         case "end":
           return _context.stop();
       }

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.0";
+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.0";
+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/extensions/extension-handlers.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';
+import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -60,18 +60,17 @@ export function getNodeRenderer(extensionProvider, extensionType, extensionKey)
   return Loadable({
     loader: () => {
       if (fg('confluence_preload_extension_providers')) {
-        // Logic here is specific to Confluence because it doesn't use the original react-loadable.
-        // The library is replaced with a custom one that supports synchronous return value from loader.
         const maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
         if (maybePromise instanceof Promise) {
           return maybePromise.then(node => resolveImport(node.render()));
         } else {
           var _renderSync, _ref;
-          // maybePromise is sync here
           const preloaded = maybePromise === null || maybePromise === void 0 ? void 0 : (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
-          // Note resolveImport is still async but we are not waiting on a already-fulfilled value.
-          // It is fast enough to not flip back to loading.
-          return resolveImport(preloaded ? preloaded : maybePromise.render());
+          // Only product implemented preloading will return sync result
+          // However the out-of-box won't handle this. Confluence uses a custom implementation
+          return preloaded
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ? resolveImportSync(preloaded) : resolveImport(maybePromise.render());
         }
       } else {
         return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(node => resolveImport(node.render()));

package/dist/es2019/extensions/manifest-helpers.js

@@ -23,10 +23,12 @@ export function buildAction(action, manifest) {
     return buildNode(action, manifest);
   }
 }
-export const resolveImport = async importPromise => {
-  const importedModule = await importPromise;
+export const resolveImportSync = importedModule => {
   return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
 };
+export const resolveImport = async importPromise => {
+  return resolveImportSync(await importPromise);
+};
 export function buildNode(action, manifest) {
   if (!manifest.modules.nodes) {
     return;

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.0";
+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.0";
+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/extensions/extension-handlers.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import Loadable from 'react-loadable';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getExtensionKeyAndNodeKey, resolveImport } from './manifest-helpers';
+import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -106,8 +106,6 @@ export function getNodeRenderer(extensionProvider, extensionType, extensionKey)
   return Loadable({
     loader: function loader() {
       if (fg('confluence_preload_extension_providers')) {
-        // Logic here is specific to Confluence because it doesn't use the original react-loadable.
-        // The library is replaced with a custom one that supports synchronous return value from loader.
         var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
         if (maybePromise instanceof Promise) {
           return maybePromise.then(function (node) {
@@ -115,11 +113,12 @@ export function getNodeRenderer(extensionProvider, extensionType, extensionKey)
           });
         } else {
           var _renderSync, _ref;
-          // maybePromise is sync here
           var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
-          // Note resolveImport is still async but we are not waiting on a already-fulfilled value.
-          // It is fast enough to not flip back to loading.
-          return resolveImport(preloaded ? preloaded : maybePromise.render());
+          // Only product implemented preloading will return sync result
+          // However the out-of-box won't handle this. Confluence uses a custom implementation
+          return preloaded
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ? resolveImportSync(preloaded) : resolveImport(maybePromise.render());
         }
       } else {
         return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(function (node) {

package/dist/esm/extensions/manifest-helpers.js

@@ -33,18 +33,21 @@ export function buildAction(action, manifest) {
     return buildNode(action, manifest);
   }
 }
+export var resolveImportSync = function resolveImportSync(importedModule) {
+  return importedModule && importedModule.__esModule ? importedModule.default : importedModule;
+};
 export var resolveImport = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importPromise) {
-    var importedModule;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.t0 = resolveImportSync;
+          _context.next = 3;
           return importPromise;
-        case 2:
-          importedModule = _context.sent;
-          return _context.abrupt("return", importedModule && importedModule.__esModule ? importedModule.default : importedModule);
-        case 4:
+        case 3:
+          _context.t1 = _context.sent;
+          return _context.abrupt("return", (0, _context.t0)(_context.t1));
+        case 5:
         case "end":
           return _context.stop();
       }

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

package/dist/types/extensions/manifest-helpers.d.ts

@@ -5,5 +5,6 @@ export declare const FORGE_EXTENSION_TYPE = "com.atlassian.ecosystem";
 export declare const getExtensionKeyAndNodeKey: (extensionKey: ExtensionKey, extensionType: ExtensionType) => string[];
 export declare const buildExtensionKeyAndNodeKey: (extensionKey: ExtensionKey, nodeKey?: ExtensionModuleKey) => string;
 export declare function buildAction<T extends Parameters>(action: ExtensionModuleAction<T>, manifest: ExtensionManifest<T>): ADFEntity | import("./types/extension-manifest").ExtensionModuleActionHandler | undefined;
-export declare const resolveImport: <T extends Parameters>(importPromise: Module<T>) => Promise<T>;
+export declare const resolveImportSync: <T extends Parameters>(importedModule: Module<T>) => T;
+export declare const resolveImport: <T extends Parameters>(importPromise: Promise<Module<T>> | Module<T>) => Promise<T>;
 export declare function buildNode<T extends Parameters>(action: ExtensionModuleActionObject<T>, manifest: ExtensionManifest<T>): ADFEntity | undefined;

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/extensions/manifest-helpers.d.ts

@@ -5,5 +5,6 @@ export declare const FORGE_EXTENSION_TYPE = "com.atlassian.ecosystem";
 export declare const getExtensionKeyAndNodeKey: (extensionKey: ExtensionKey, extensionType: ExtensionType) => string[];
 export declare const buildExtensionKeyAndNodeKey: (extensionKey: ExtensionKey, nodeKey?: ExtensionModuleKey) => string;
 export declare function buildAction<T extends Parameters>(action: ExtensionModuleAction<T>, manifest: ExtensionManifest<T>): ADFEntity | import("./types/extension-manifest").ExtensionModuleActionHandler | undefined;
-export declare const resolveImport: <T extends Parameters>(importPromise: Module<T>) => Promise<T>;
+export declare const resolveImportSync: <T extends Parameters>(importedModule: Module<T>) => T;
+export declare const resolveImport: <T extends Parameters>(importPromise: Promise<Module<T>> | Module<T>) => Promise<T>;
 export declare function buildNode<T extends Parameters>(action: ExtensionModuleActionObject<T>, manifest: ExtensionManifest<T>): ADFEntity | undefined;

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.0",
+	"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",