@atlaskit/editor-common 99.6.1 → 99.7.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 99.7.0
+
+### Minor Changes
+
+- [#106964](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106964)
+  [`996f72bae4986`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/996f72bae4986) -
+  [No Issue] Introducing virtualization for inline nodes
+
+### Patch Changes
+
+- [#108797](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108797)
+  [`9a3f165bc940b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9a3f165bc940b) -
+  tidy up feature flag confluence_frontend_editor_custom_presets
+- Updated dependencies
+
 ## 99.6.1
 
 ### Patch Changes

package/dist/cjs/link/LinkSearch/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

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 = "99.6.1";
+var packageVersion = "99.7.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -10,23 +10,30 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
+var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
 var _utils = require("../utils");
 var _whitespace = require("../whitespace");
 var _generateUniqueNodeKey = require("./generateUniqueNodeKey");
+var _onVisibleObserverFactory = require("./onVisibleObserverFactory");
 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) { (0, _defineProperty2.default)(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; } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var inlineNodeViewClassname = exports.inlineNodeViewClassname = 'inlineNodeView';
+var canRenderFallback = function canRenderFallback(node) {
+  return node.type.isInline && node.type.isAtom && node.type.isLeaf;
+};
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
     pmPluginFactoryParams = _ref.pmPluginFactoryParams,
     Component = _ref.Component,
     extraComponentProps = _ref.extraComponentProps,
     extraNodeViewProps = _ref.extraNodeViewProps;
+  var shouldVirtualize = (0, _platformFeatureFlags.fg)('platform_editor_lego__inline_node_virtualization');
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
@@ -70,22 +77,58 @@ function createNodeView(_ref) {
       extraComponentProps: extraComponentProps
     }), domRef, key);
   }
-  var _getPerformanceOption = (0, _utils.getPerformanceOptions)(nodeViewParams.view),
-    samplingRate = _getPerformanceOption.samplingRate,
-    slowThreshold = _getPerformanceOption.slowThreshold,
-    trackingEnabled = _getPerformanceOption.trackingEnabled;
-  trackingEnabled && (0, _utils.startMeasureReactNodeViewRendered)({
-    nodeTypeName: currentNode.type.name
-  });
+  var didRenderComponentWithIntersectionObserver = false;
+  var destroyed = false;
+  var removeIntersectionObserver = function removeIntersectionObserver() {};
+  function renderFallback() {
+    var _currentNode$type;
+    if (canRenderFallback(currentNode) && typeof ((_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 || (_currentNode$type = _currentNode$type.spec) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.toDOM) === 'function') {
+      var fallback = _model.DOMSerializer.renderSpec(document, currentNode.type.spec.toDOM(currentNode));
+      domRef.replaceChildren(fallback.dom);
+    }
+  }
+  function attachNodeViewObserver() {
+    var observer = (0, _onVisibleObserverFactory.getOrCreateOnVisibleObserver)(nodeViewParams.view);
+    removeIntersectionObserver = observer.observe(domRef, function () {
+      if (!didRenderComponentWithIntersectionObserver && !destroyed) {
+        domRef.replaceChildren();
+        renderComponent();
+        didRenderComponentWithIntersectionObserver = true;
+      }
+    });
+  }
+  if (shouldVirtualize) {
+    renderFallback();
+    attachNodeViewObserver();
+  } else {
+    var _getPerformanceOption = (0, _utils.getPerformanceOptions)(nodeViewParams.view),
+      samplingRate = _getPerformanceOption.samplingRate,
+      slowThreshold = _getPerformanceOption.slowThreshold,
+      trackingEnabled = _getPerformanceOption.trackingEnabled;
+    trackingEnabled && (0, _utils.startMeasureReactNodeViewRendered)({
+      nodeTypeName: currentNode.type.name
+    });
 
-  // We render the component while creating the node view
-  renderComponent();
-  trackingEnabled && (0, _utils.stopMeasureReactNodeViewRendered)({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    samplingRate: samplingRate,
-    slowThreshold: slowThreshold
-  });
+    // We render the component while creating the node view
+    renderComponent();
+    trackingEnabled && (0, _utils.stopMeasureReactNodeViewRendered)({
+      nodeTypeName: currentNode.type.name,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      samplingRate: samplingRate,
+      slowThreshold: slowThreshold
+    });
+  }
+  var extraNodeViewPropsWithStopEvent = _objectSpread(_objectSpread({}, extraNodeViewProps), (0, _platformFeatureFlags.fg)('platform_editor_lego__inline_node_virtualization') ? {
+    // This is not related to virtualization, but it's something we should fix/handle
+    // Remove this comment when `platform_editor_lego__inline_node_virtualization` FF is cleaned up
+    stopEvent: function stopEvent(event) {
+      var maybeStopEvent = extraNodeViewProps === null || extraNodeViewProps === void 0 ? void 0 : extraNodeViewProps.stopEvent;
+      if (typeof maybeStopEvent === 'function') {
+        return maybeStopEvent(event);
+      }
+      return false;
+    }
+  } : {});
 
   // https://prosemirror.net/docs/ref/#view.NodeView
   var nodeView = _objectSpread({
@@ -117,10 +160,20 @@ function createNodeView(_ref) {
         setDomAttrs(nextNode, domRef);
       }
       currentNode = nextNode;
-      renderComponent();
+      if (shouldVirtualize) {
+        if (didRenderComponentWithIntersectionObserver) {
+          renderComponent();
+        }
+      } else {
+        renderComponent();
+      }
       return true;
     },
     destroy: function destroy() {
+      if (shouldVirtualize) {
+        removeIntersectionObserver();
+      }
+
       // When prosemirror destroys the node view, we need to clean up
       // what we have previously rendered using the editor portal
       // provider api.
@@ -129,8 +182,11 @@ function createNodeView(_ref) {
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.
       domRef = undefined;
+      if (shouldVirtualize) {
+        destroyed = true;
+      }
     }
-  }, extraNodeViewProps);
+  }, extraNodeViewPropsWithStopEvent);
   return nodeView;
 }
 
@@ -150,7 +206,7 @@ function getPortalChildren(_ref2) {
     Component = _ref2.Component,
     extraComponentProps = _ref2.extraComponentProps;
   return function portalChildren() {
-    var _currentNode$type$nam, _currentNode$type;
+    var _currentNode$type$nam, _currentNode$type2;
     //  All inline nodes use `display: inline` to allow for multi-line
     //  wrapping. This does produce an issue in Chrome where it is not
     //  possible to click select the position after the node,
@@ -174,7 +230,7 @@ function getPortalChildren(_ref2) {
 
     return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
       component: _analytics.ACTION_SUBJECT.REACT_NODE_VIEW,
-      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : _analytics.ACTION_SUBJECT_ID.UNKNOWN_NODE,
+      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type2 = currentNode.type) === null || _currentNode$type2 === void 0 ? void 0 : _currentNode$type2.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : _analytics.ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, (0, _react2.jsx)("span", {
       className: "zeroWidthSpaceContainer"

package/dist/cjs/react-node-view/onVisibleObserverFactory.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOrCreateOnVisibleObserver = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _memoize = _interopRequireDefault(require("lodash/memoize"));
+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) { (0, _defineProperty2.default)(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; }
+// 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 INTERSECTION_OBSERVER_OPTIONS = {
+  rootMargin: '0px 0px 100px 0px',
+  threshold: 0
+};
+
+// Parameterized singleton
+var getOrCreateOnVisibleObserver = exports.getOrCreateOnVisibleObserver = (0, _memoize.default)(function (view) {
+  var intersectionObserverOptions = _objectSpread({
+    root: view.dom.closest(INTERSECTION_OBSERVER_ROOT_SELECTOR)
+  }, INTERSECTION_OBSERVER_OPTIONS);
+  var callbackMap = new WeakMap();
+  var observer = new IntersectionObserver(function (entries) {
+    entries.filter(function (entry) {
+      return entry.isIntersecting;
+    }) // Only process visible entries
+    .map(function (entry) {
+      return callbackMap.get(entry.target);
+    })
+    // Invoke callbacks together to group browser rendering
+    // Avoiding requestAnimationFrame to reduce visual flickering
+    .forEach(function (cb) {
+      return cb === null || cb === void 0 ? void 0 : cb();
+    });
+  }, intersectionObserverOptions);
+  return {
+    observe: function observe(el, callback) {
+      callbackMap.set(el, callback);
+      observer.observe(el);
+      return function () {
+        return observer.unobserve(el);
+      };
+    }
+  };
+});

package/dist/cjs/safe-plugin/index.js

@@ -14,7 +14,6 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _prosemirrorDomMetadata = require("../prosemirror-dom-metadata");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -69,7 +68,7 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
             // eslint-disable-next-line no-extra-bind
           }.bind(thisArg);
           var result = Reflect.apply(target, thisArg, [node, view, safeGetPos].concat((0, _toConsumableArray2.default)(more)));
-          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement && (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
+          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement) {
             attachGenericProseMirrorMetadata({
               nodeOrMark: node,
               dom: result.dom

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

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WithCreateAnalyticsEvent = void 0;
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

package/dist/cjs/utils/compare-props.js

@@ -48,7 +48,7 @@ var serializeValue = exports.serializeValue = function serializeValue(value) {
     };
   }
 };
-var getPropsDifference = exports.getPropsDifference = function getPropsDifference(object1, object2) {
+var _getPropsDifference = exports.getPropsDifference = function getPropsDifference(object1, object2) {
   var curDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
   var keysToIgnore = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
@@ -75,7 +75,7 @@ var getPropsDifference = exports.getPropsDifference = function getPropsDifferenc
         });
       } else if (value1Type === 'object' && value2Type === 'object') {
         if (curDepth <= maxDepth) {
-          var difference = getPropsDifference(value1, value2, curDepth + 1, maxDepth);
+          var difference = _getPropsDifference(value1, value2, curDepth + 1, maxDepth);
           changed.push({
             key: key,
             difference: difference

package/dist/cjs/utils/compareNodes.js

@@ -39,8 +39,8 @@ function parseLocaleNumber(stringNumber, groupPattern, fractionPattern) {
 function createNormalizeTextParser() {
   // Source: https://stackoverflow.com/questions/12004808/does-javascript-take-local-decimal-separators-into-account
   var locale = window.navigator.language;
-  var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
-  var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
+  var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDD40-\uDD49\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDED0-\uDEE3\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59\uDFF0-\uDFF9]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD818[\uDD30-\uDD39]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDD70-\uDD79\uDE80-\uDE96]|\uD833[\uDCF0-\uDCF9]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9\uDDF1-\uDDFA]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
+  var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDD40-\uDD49\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDED0-\uDEE3\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59\uDFF0-\uDFF9]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD818[\uDD30-\uDD39]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDD70-\uDD79\uDE80-\uDE96]|\uD833[\uDCF0-\uDCF9]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9\uDDF1-\uDDFA]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
 
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp

package/dist/cjs/utils/filter/privacy-filter.js

@@ -38,7 +38,7 @@ function sanitizeNodeForPrivacy(json, providerFactory) {
     }
   });
   if (hasCacheableMentions && providerFactory) {
-    var handler = function handler(_name, providerPromise) {
+    var _handler = function handler(_name, providerPromise) {
       if (providerPromise) {
         providerPromise.then(function (provider) {
           if ((0, _resource.isResolvingMentionProvider)(provider)) {
@@ -46,12 +46,12 @@ function sanitizeNodeForPrivacy(json, providerFactory) {
               provider.cacheMentionName(id, name);
             });
             mentionNames.clear();
-            providerFactory.unsubscribe('mentionProvider', handler);
+            providerFactory.unsubscribe('mentionProvider', _handler);
           }
         });
       }
     };
-    providerFactory.subscribe('mentionProvider', handler);
+    providerFactory.subscribe('mentionProvider', _handler);
   }
   return sanitizedJSON;
 }

package/dist/cjs/utils/index.js

@@ -1367,7 +1367,7 @@ var isEmptyNode = exports.isEmptyNode = function isEmptyNode(schema) {
     media = _schema$nodes.media,
     mediaGroup = _schema$nodes.mediaGroup,
     mediaSingle = _schema$nodes.mediaSingle;
-  var innerIsEmptyNode = function innerIsEmptyNode(node) {
+  var _innerIsEmptyNode = function innerIsEmptyNode(node) {
     switch (node.type) {
       case media:
       case mediaGroup:
@@ -1385,28 +1385,28 @@ var isEmptyNode = exports.isEmptyNode = function isEmptyNode(schema) {
       case listItem:
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        return node.content.size === 2 && innerIsEmptyNode(node.content.firstChild);
+        return node.content.size === 2 && _innerIsEmptyNode(node.content.firstChild);
       case bulletList:
       case orderedList:
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        return node.content.size === 4 && innerIsEmptyNode(node.content.firstChild);
+        return node.content.size === 4 && _innerIsEmptyNode(node.content.firstChild);
       case taskList:
       case decisionList:
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        return node.content.size === 2 && innerIsEmptyNode(node.content.firstChild);
+        return node.content.size === 2 && _innerIsEmptyNode(node.content.firstChild);
       case doc:
         var isEmpty = true;
         node.content.forEach(function (child) {
-          isEmpty = isEmpty && innerIsEmptyNode(child);
+          isEmpty = isEmpty && _innerIsEmptyNode(child);
         });
         return isEmpty;
       default:
         return isNodeEmpty(node);
     }
   };
-  return innerIsEmptyNode;
+  return _innerIsEmptyNode;
 };
 
 /**

package/dist/cjs/utils/performance/measure-tti.js

@@ -37,7 +37,7 @@ function measureTTI(onMeasureComplete) {
   observer.observe({
     entryTypes: ['longtask']
   });
-  var checkIdle = function checkIdle() {
+  var _checkIdle = function checkIdle() {
     // 1. There hasn't been any long task in `idleThreshold` time: Interactive from the start.
     // 2. Only 1 long task: Interactive from the end of the only long task.
     // 3. Several long tasks:
@@ -62,9 +62,9 @@ function measureTTI(onMeasureComplete) {
       distortedDurationMonitor.cleanup();
       return onMeasureComplete(lastEnd, lastEnd - start, canceled, distortedDurationMonitor.distortedDuration);
     }
-    return setTimeout(checkIdle, idleThreshold);
+    return setTimeout(_checkIdle, idleThreshold);
   };
-  setTimeout(checkIdle, idleThreshold);
+  setTimeout(_checkIdle, idleThreshold);
 }
 var TTI_SEVERITY_THRESHOLD_DEFAULTS = exports.TTI_SEVERITY_THRESHOLD_DEFAULTS = {
   NORMAL: 40000,

package/dist/cjs/utils/track-unsupported-content.js

@@ -58,7 +58,7 @@ var trackUnsupportedContentTooltipActionFor = function trackUnsupportedContentTo
     }
   });
 };
-var findAndTrackUnsupportedContentNodes = exports.findAndTrackUnsupportedContentNodes = function findAndTrackUnsupportedContentNodes(node, schema, dispatchAnalyticsEvent) {
+var _findAndTrackUnsupportedContentNodes = exports.findAndTrackUnsupportedContentNodes = function findAndTrackUnsupportedContentNodes(node, schema, dispatchAnalyticsEvent) {
   var ancestorHierarchy = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
   var nodeType = node.type,
     nodeMarks = node.marks;
@@ -119,7 +119,7 @@ var findAndTrackUnsupportedContentNodes = exports.findAndTrackUnsupportedContent
   } else {
     // Recursive check for nested content
     node.content.forEach(function (childNode) {
-      return findAndTrackUnsupportedContentNodes(childNode, schema, dispatchAnalyticsEvent, concatAncestorHierarchy(node, ancestorHierarchy));
+      return _findAndTrackUnsupportedContentNodes(childNode, schema, dispatchAnalyticsEvent, concatAncestorHierarchy(node, ancestorHierarchy));
     });
   }
 };

package/dist/cjs/utils/validator.js

@@ -102,7 +102,7 @@ var RELATIVE_LINK = /^\//;
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var ANCHOR_LINK = /^#/;
-var flattenUnknownBlockTree = function flattenUnknownBlockTree(node) {
+var _flattenUnknownBlockTree = function flattenUnknownBlockTree(node) {
   var schema = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _schemaDefault.defaultSchema;
   var adfStage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'final';
   var output = [];
@@ -130,7 +130,7 @@ var flattenUnknownBlockTree = function flattenUnknownBlockTree(node) {
     if (isLeafNode) {
       output.push(getValidNode(childNode, schema, adfStage));
     } else {
-      output.push.apply(output, (0, _toConsumableArray2.default)(flattenUnknownBlockTree(childNode, schema, adfStage)));
+      output.push.apply(output, (0, _toConsumableArray2.default)(_flattenUnknownBlockTree(childNode, schema, adfStage)));
     }
     isPrevLeafNode = isLeafNode;
   }
@@ -172,7 +172,7 @@ var getValidUnknownNode = exports.getValidUnknownNode = function getValidUnknown
    */
   return {
     type: 'unknownBlock',
-    content: flattenUnknownBlockTree(node)
+    content: _flattenUnknownBlockTree(node)
   };
 };
 var getValidMarks = function getValidMarks(marks) {

package/dist/cjs/with-plugin-state/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WithPluginStateOld = exports.WithPluginStateInner = exports.WithPluginState = void 0;
+var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

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 = "99.6.1";
+const packageVersion = "99.7.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -7,12 +7,18 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
+import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
 import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
+import { getOrCreateOnVisibleObserver } from './onVisibleObserverFactory';
 export const inlineNodeViewClassname = 'inlineNodeView';
+const canRenderFallback = node => {
+  return node.type.isInline && node.type.isAtom && node.type.isLeaf;
+};
 function createNodeView({
   nodeViewParams,
   pmPluginFactoryParams,
@@ -20,6 +26,7 @@ function createNodeView({
   extraComponentProps,
   extraNodeViewProps
 }) {
+  const shouldVirtualize = fg('platform_editor_lego__inline_node_virtualization');
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
@@ -63,23 +70,62 @@ function createNodeView({
       extraComponentProps
     }), domRef, key);
   }
-  const {
-    samplingRate,
-    slowThreshold,
-    trackingEnabled
-  } = getPerformanceOptions(nodeViewParams.view);
-  trackingEnabled && startMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name
-  });
+  let didRenderComponentWithIntersectionObserver = false;
+  let destroyed = false;
+  let removeIntersectionObserver = () => {};
+  function renderFallback() {
+    var _currentNode$type, _currentNode$type$spe;
+    if (canRenderFallback(currentNode) && typeof ((_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : (_currentNode$type$spe = _currentNode$type.spec) === null || _currentNode$type$spe === void 0 ? void 0 : _currentNode$type$spe.toDOM) === 'function') {
+      const fallback = DOMSerializer.renderSpec(document, currentNode.type.spec.toDOM(currentNode));
+      domRef.replaceChildren(fallback.dom);
+    }
+  }
+  function attachNodeViewObserver() {
+    const observer = getOrCreateOnVisibleObserver(nodeViewParams.view);
+    removeIntersectionObserver = observer.observe(domRef, () => {
+      if (!didRenderComponentWithIntersectionObserver && !destroyed) {
+        domRef.replaceChildren();
+        renderComponent();
+        didRenderComponentWithIntersectionObserver = true;
+      }
+    });
+  }
+  if (shouldVirtualize) {
+    renderFallback();
+    attachNodeViewObserver();
+  } else {
+    const {
+      samplingRate,
+      slowThreshold,
+      trackingEnabled
+    } = getPerformanceOptions(nodeViewParams.view);
+    trackingEnabled && startMeasureReactNodeViewRendered({
+      nodeTypeName: currentNode.type.name
+    });
 
-  // We render the component while creating the node view
-  renderComponent();
-  trackingEnabled && stopMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent,
-    samplingRate,
-    slowThreshold
-  });
+    // We render the component while creating the node view
+    renderComponent();
+    trackingEnabled && stopMeasureReactNodeViewRendered({
+      nodeTypeName: currentNode.type.name,
+      dispatchAnalyticsEvent,
+      samplingRate,
+      slowThreshold
+    });
+  }
+  const extraNodeViewPropsWithStopEvent = {
+    ...extraNodeViewProps,
+    ...(fg('platform_editor_lego__inline_node_virtualization') ? {
+      // This is not related to virtualization, but it's something we should fix/handle
+      // Remove this comment when `platform_editor_lego__inline_node_virtualization` FF is cleaned up
+      stopEvent(event) {
+        const maybeStopEvent = extraNodeViewProps === null || extraNodeViewProps === void 0 ? void 0 : extraNodeViewProps.stopEvent;
+        if (typeof maybeStopEvent === 'function') {
+          return maybeStopEvent(event);
+        }
+        return false;
+      }
+    } : {})
+  };
 
   // https://prosemirror.net/docs/ref/#view.NodeView
   const nodeView = {
@@ -111,10 +157,20 @@ function createNodeView({
         setDomAttrs(nextNode, domRef);
       }
       currentNode = nextNode;
-      renderComponent();
+      if (shouldVirtualize) {
+        if (didRenderComponentWithIntersectionObserver) {
+          renderComponent();
+        }
+      } else {
+        renderComponent();
+      }
       return true;
     },
     destroy() {
+      if (shouldVirtualize) {
+        removeIntersectionObserver();
+      }
+
       // When prosemirror destroys the node view, we need to clean up
       // what we have previously rendered using the editor portal
       // provider api.
@@ -123,8 +179,11 @@ function createNodeView({
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.
       domRef = undefined;
+      if (shouldVirtualize) {
+        destroyed = true;
+      }
     },
-    ...extraNodeViewProps
+    ...extraNodeViewPropsWithStopEvent
   };
   return nodeView;
 }
@@ -146,7 +205,7 @@ function getPortalChildren({
   extraComponentProps
 }) {
   return function portalChildren() {
-    var _currentNode$type$nam, _currentNode$type;
+    var _currentNode$type$nam, _currentNode$type2;
     //  All inline nodes use `display: inline` to allow for multi-line
     //  wrapping. This does produce an issue in Chrome where it is not
     //  possible to click select the position after the node,
@@ -170,7 +229,7 @@ function getPortalChildren({
 
     return jsx(ErrorBoundary, {
       component: ACTION_SUBJECT.REACT_NODE_VIEW,
-      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
+      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type2 = currentNode.type) === null || _currentNode$type2 === void 0 ? void 0 : _currentNode$type2.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, jsx("span", {
       className: `zeroWidthSpaceContainer`

package/dist/es2019/react-node-view/onVisibleObserverFactory.js

@@ -0,0 +1,31 @@
+import memoize from 'lodash/memoize';
+// 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 INTERSECTION_OBSERVER_OPTIONS = {
+  rootMargin: '0px 0px 100px 0px',
+  threshold: 0
+};
+
+// Parameterized singleton
+export const getOrCreateOnVisibleObserver = memoize(view => {
+  const intersectionObserverOptions = {
+    root: view.dom.closest(INTERSECTION_OBSERVER_ROOT_SELECTOR),
+    ...INTERSECTION_OBSERVER_OPTIONS
+  };
+  const callbackMap = new WeakMap();
+  const observer = new IntersectionObserver(entries => {
+    entries.filter(entry => entry.isIntersecting) // Only process visible entries
+    .map(entry => callbackMap.get(entry.target))
+    // Invoke callbacks together to group browser rendering
+    // Avoiding requestAnimationFrame to reduce visual flickering
+    .forEach(cb => cb === null || cb === void 0 ? void 0 : cb());
+  }, intersectionObserverOptions);
+  return {
+    observe: (el, callback) => {
+      callbackMap.set(el, callback);
+      observer.observe(el);
+      return () => observer.unobserve(el);
+    }
+  };
+});

package/dist/es2019/safe-plugin/index.js

@@ -1,5 +1,4 @@
 import { Plugin } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
@@ -46,7 +45,7 @@ const wrapGetPosExceptions = spec => {
             // eslint-disable-next-line no-extra-bind
           }).bind(thisArg);
           const result = Reflect.apply(target, thisArg, [node, view, safeGetPos, ...more]);
-          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement && fg('platform_editor_breakout_use_css')) {
+          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement) {
             attachGenericProseMirrorMetadata({
               nodeOrMark: node,
               dom: result.dom

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

package/dist/esm/link/LinkSearch/index.js

@@ -1,3 +1,4 @@
+import _readOnlyError from "@babel/runtime/helpers/readOnlyError";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";

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 = "99.6.1";
+var packageVersion = "99.7.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -10,18 +10,25 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
+import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
 import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
+import { getOrCreateOnVisibleObserver } from './onVisibleObserverFactory';
 export var inlineNodeViewClassname = 'inlineNodeView';
+var canRenderFallback = function canRenderFallback(node) {
+  return node.type.isInline && node.type.isAtom && node.type.isLeaf;
+};
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
     pmPluginFactoryParams = _ref.pmPluginFactoryParams,
     Component = _ref.Component,
     extraComponentProps = _ref.extraComponentProps,
     extraNodeViewProps = _ref.extraNodeViewProps;
+  var shouldVirtualize = fg('platform_editor_lego__inline_node_virtualization');
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
@@ -65,22 +72,58 @@ function createNodeView(_ref) {
       extraComponentProps: extraComponentProps
     }), domRef, key);
   }
-  var _getPerformanceOption = getPerformanceOptions(nodeViewParams.view),
-    samplingRate = _getPerformanceOption.samplingRate,
-    slowThreshold = _getPerformanceOption.slowThreshold,
-    trackingEnabled = _getPerformanceOption.trackingEnabled;
-  trackingEnabled && startMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name
-  });
+  var didRenderComponentWithIntersectionObserver = false;
+  var destroyed = false;
+  var removeIntersectionObserver = function removeIntersectionObserver() {};
+  function renderFallback() {
+    var _currentNode$type;
+    if (canRenderFallback(currentNode) && typeof ((_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 || (_currentNode$type = _currentNode$type.spec) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.toDOM) === 'function') {
+      var fallback = DOMSerializer.renderSpec(document, currentNode.type.spec.toDOM(currentNode));
+      domRef.replaceChildren(fallback.dom);
+    }
+  }
+  function attachNodeViewObserver() {
+    var observer = getOrCreateOnVisibleObserver(nodeViewParams.view);
+    removeIntersectionObserver = observer.observe(domRef, function () {
+      if (!didRenderComponentWithIntersectionObserver && !destroyed) {
+        domRef.replaceChildren();
+        renderComponent();
+        didRenderComponentWithIntersectionObserver = true;
+      }
+    });
+  }
+  if (shouldVirtualize) {
+    renderFallback();
+    attachNodeViewObserver();
+  } else {
+    var _getPerformanceOption = getPerformanceOptions(nodeViewParams.view),
+      samplingRate = _getPerformanceOption.samplingRate,
+      slowThreshold = _getPerformanceOption.slowThreshold,
+      trackingEnabled = _getPerformanceOption.trackingEnabled;
+    trackingEnabled && startMeasureReactNodeViewRendered({
+      nodeTypeName: currentNode.type.name
+    });
 
-  // We render the component while creating the node view
-  renderComponent();
-  trackingEnabled && stopMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    samplingRate: samplingRate,
-    slowThreshold: slowThreshold
-  });
+    // We render the component while creating the node view
+    renderComponent();
+    trackingEnabled && stopMeasureReactNodeViewRendered({
+      nodeTypeName: currentNode.type.name,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      samplingRate: samplingRate,
+      slowThreshold: slowThreshold
+    });
+  }
+  var extraNodeViewPropsWithStopEvent = _objectSpread(_objectSpread({}, extraNodeViewProps), fg('platform_editor_lego__inline_node_virtualization') ? {
+    // This is not related to virtualization, but it's something we should fix/handle
+    // Remove this comment when `platform_editor_lego__inline_node_virtualization` FF is cleaned up
+    stopEvent: function stopEvent(event) {
+      var maybeStopEvent = extraNodeViewProps === null || extraNodeViewProps === void 0 ? void 0 : extraNodeViewProps.stopEvent;
+      if (typeof maybeStopEvent === 'function') {
+        return maybeStopEvent(event);
+      }
+      return false;
+    }
+  } : {});
 
   // https://prosemirror.net/docs/ref/#view.NodeView
   var nodeView = _objectSpread({
@@ -112,10 +155,20 @@ function createNodeView(_ref) {
         setDomAttrs(nextNode, domRef);
       }
       currentNode = nextNode;
-      renderComponent();
+      if (shouldVirtualize) {
+        if (didRenderComponentWithIntersectionObserver) {
+          renderComponent();
+        }
+      } else {
+        renderComponent();
+      }
       return true;
     },
     destroy: function destroy() {
+      if (shouldVirtualize) {
+        removeIntersectionObserver();
+      }
+
       // When prosemirror destroys the node view, we need to clean up
       // what we have previously rendered using the editor portal
       // provider api.
@@ -124,8 +177,11 @@ function createNodeView(_ref) {
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.
       domRef = undefined;
+      if (shouldVirtualize) {
+        destroyed = true;
+      }
     }
-  }, extraNodeViewProps);
+  }, extraNodeViewPropsWithStopEvent);
   return nodeView;
 }
 
@@ -145,7 +201,7 @@ function getPortalChildren(_ref2) {
     Component = _ref2.Component,
     extraComponentProps = _ref2.extraComponentProps;
   return function portalChildren() {
-    var _currentNode$type$nam, _currentNode$type;
+    var _currentNode$type$nam, _currentNode$type2;
     //  All inline nodes use `display: inline` to allow for multi-line
     //  wrapping. This does produce an issue in Chrome where it is not
     //  possible to click select the position after the node,
@@ -169,7 +225,7 @@ function getPortalChildren(_ref2) {
 
     return jsx(ErrorBoundary, {
       component: ACTION_SUBJECT.REACT_NODE_VIEW,
-      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
+      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type2 = currentNode.type) === null || _currentNode$type2 === void 0 ? void 0 : _currentNode$type2.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, jsx("span", {
       className: "zeroWidthSpaceContainer"

package/dist/esm/react-node-view/onVisibleObserverFactory.js

@@ -0,0 +1,41 @@
+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 memoize from 'lodash/memoize';
+// 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 INTERSECTION_OBSERVER_OPTIONS = {
+  rootMargin: '0px 0px 100px 0px',
+  threshold: 0
+};
+
+// Parameterized singleton
+export var getOrCreateOnVisibleObserver = memoize(function (view) {
+  var intersectionObserverOptions = _objectSpread({
+    root: view.dom.closest(INTERSECTION_OBSERVER_ROOT_SELECTOR)
+  }, INTERSECTION_OBSERVER_OPTIONS);
+  var callbackMap = new WeakMap();
+  var observer = new IntersectionObserver(function (entries) {
+    entries.filter(function (entry) {
+      return entry.isIntersecting;
+    }) // Only process visible entries
+    .map(function (entry) {
+      return callbackMap.get(entry.target);
+    })
+    // Invoke callbacks together to group browser rendering
+    // Avoiding requestAnimationFrame to reduce visual flickering
+    .forEach(function (cb) {
+      return cb === null || cb === void 0 ? void 0 : cb();
+    });
+  }, intersectionObserverOptions);
+  return {
+    observe: function observe(el, callback) {
+      callbackMap.set(el, callback);
+      observer.observe(el);
+      return function () {
+        return observer.unobserve(el);
+      };
+    }
+  };
+});

package/dist/esm/safe-plugin/index.js

@@ -9,7 +9,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { Plugin } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
@@ -62,7 +61,7 @@ var wrapGetPosExceptions = function wrapGetPosExceptions(spec) {
             // eslint-disable-next-line no-extra-bind
           }.bind(thisArg);
           var result = Reflect.apply(target, thisArg, [node, view, safeGetPos].concat(_toConsumableArray(more)));
-          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement && fg('platform_editor_breakout_use_css')) {
+          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement) {
             attachGenericProseMirrorMetadata({
               nodeOrMark: node,
               dom: result.dom

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

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

@@ -1,3 +1,4 @@
+import _readOnlyError from "@babel/runtime/helpers/readOnlyError";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";

package/dist/esm/utils/compare-props.js

@@ -41,7 +41,7 @@ export var serializeValue = function serializeValue(value) {
     };
   }
 };
-export var getPropsDifference = function getPropsDifference(object1, object2) {
+var _getPropsDifference = function getPropsDifference(object1, object2) {
   var curDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
   var keysToIgnore = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
@@ -68,7 +68,7 @@ export var getPropsDifference = function getPropsDifference(object1, object2) {
         });
       } else if (value1Type === 'object' && value2Type === 'object') {
         if (curDepth <= maxDepth) {
-          var difference = getPropsDifference(value1, value2, curDepth + 1, maxDepth);
+          var difference = _getPropsDifference(value1, value2, curDepth + 1, maxDepth);
           changed.push({
             key: key,
             difference: difference
@@ -94,6 +94,7 @@ export var getPropsDifference = function getPropsDifference(object1, object2) {
     removed: removed
   };
 };
+export { _getPropsDifference as getPropsDifference };
 export var getShallowPropsDifference = function getShallowPropsDifference(object1, object2) {
   var _getKeysAddedRemovedC2 = getKeysAddedRemovedCommon(object1, object2),
     added = _getKeysAddedRemovedC2.added,

package/dist/esm/utils/compareNodes.js

@@ -30,8 +30,8 @@ function parseLocaleNumber(stringNumber, groupPattern, fractionPattern) {
 export function createNormalizeTextParser() {
   // Source: https://stackoverflow.com/questions/12004808/does-javascript-take-local-decimal-separators-into-account
   var locale = window.navigator.language;
-  var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
-  var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
+  var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDD40-\uDD49\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDED0-\uDEE3\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59\uDFF0-\uDFF9]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD818[\uDD30-\uDD39]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDD70-\uDD79\uDE80-\uDE96]|\uD833[\uDCF0-\uDCF9]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9\uDDF1-\uDDFA]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
+  var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDD40-\uDD49\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDED0-\uDEE3\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59\uDFF0-\uDFF9]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD818[\uDD30-\uDD39]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDD70-\uDD79\uDE80-\uDE96]|\uD833[\uDCF0-\uDCF9]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9\uDDF1-\uDDFA]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
 
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp

package/dist/esm/utils/filter/privacy-filter.js

@@ -31,7 +31,7 @@ export function sanitizeNodeForPrivacy(json, providerFactory) {
     }
   });
   if (hasCacheableMentions && providerFactory) {
-    var handler = function handler(_name, providerPromise) {
+    var _handler = function handler(_name, providerPromise) {
       if (providerPromise) {
         providerPromise.then(function (provider) {
           if (isResolvingMentionProvider(provider)) {
@@ -39,12 +39,12 @@ export function sanitizeNodeForPrivacy(json, providerFactory) {
               provider.cacheMentionName(id, name);
             });
             mentionNames.clear();
-            providerFactory.unsubscribe('mentionProvider', handler);
+            providerFactory.unsubscribe('mentionProvider', _handler);
           }
         });
       }
     };
-    providerFactory.subscribe('mentionProvider', handler);
+    providerFactory.subscribe('mentionProvider', _handler);
   }
   return sanitizedJSON;
 }

package/dist/esm/utils/index.js

@@ -284,7 +284,7 @@ export var isEmptyNode = function isEmptyNode(schema) {
     media = _schema$nodes.media,
     mediaGroup = _schema$nodes.mediaGroup,
     mediaSingle = _schema$nodes.mediaSingle;
-  var innerIsEmptyNode = function innerIsEmptyNode(node) {
+  var _innerIsEmptyNode = function innerIsEmptyNode(node) {
     switch (node.type) {
       case media:
       case mediaGroup:
@@ -302,28 +302,28 @@ export var isEmptyNode = function isEmptyNode(schema) {
       case listItem:
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        return node.content.size === 2 && innerIsEmptyNode(node.content.firstChild);
+        return node.content.size === 2 && _innerIsEmptyNode(node.content.firstChild);
       case bulletList:
       case orderedList:
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        return node.content.size === 4 && innerIsEmptyNode(node.content.firstChild);
+        return node.content.size === 4 && _innerIsEmptyNode(node.content.firstChild);
       case taskList:
       case decisionList:
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        return node.content.size === 2 && innerIsEmptyNode(node.content.firstChild);
+        return node.content.size === 2 && _innerIsEmptyNode(node.content.firstChild);
       case doc:
         var isEmpty = true;
         node.content.forEach(function (child) {
-          isEmpty = isEmpty && innerIsEmptyNode(child);
+          isEmpty = isEmpty && _innerIsEmptyNode(child);
         });
         return isEmpty;
       default:
         return isNodeEmpty(node);
     }
   };
-  return innerIsEmptyNode;
+  return _innerIsEmptyNode;
 };
 
 /**

package/dist/esm/utils/performance/measure-tti.js

@@ -29,7 +29,7 @@ export function measureTTI(onMeasureComplete) {
   observer.observe({
     entryTypes: ['longtask']
   });
-  var checkIdle = function checkIdle() {
+  var _checkIdle = function checkIdle() {
     // 1. There hasn't been any long task in `idleThreshold` time: Interactive from the start.
     // 2. Only 1 long task: Interactive from the end of the only long task.
     // 3. Several long tasks:
@@ -54,9 +54,9 @@ export function measureTTI(onMeasureComplete) {
       distortedDurationMonitor.cleanup();
       return onMeasureComplete(lastEnd, lastEnd - start, canceled, distortedDurationMonitor.distortedDuration);
     }
-    return setTimeout(checkIdle, idleThreshold);
+    return setTimeout(_checkIdle, idleThreshold);
   };
-  setTimeout(checkIdle, idleThreshold);
+  setTimeout(_checkIdle, idleThreshold);
 }
 export var TTI_SEVERITY_THRESHOLD_DEFAULTS = {
   NORMAL: 40000,

package/dist/esm/utils/track-unsupported-content.js

@@ -51,7 +51,7 @@ var trackUnsupportedContentTooltipActionFor = function trackUnsupportedContentTo
     }
   });
 };
-export var findAndTrackUnsupportedContentNodes = function findAndTrackUnsupportedContentNodes(node, schema, dispatchAnalyticsEvent) {
+var _findAndTrackUnsupportedContentNodes = function findAndTrackUnsupportedContentNodes(node, schema, dispatchAnalyticsEvent) {
   var ancestorHierarchy = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
   var nodeType = node.type,
     nodeMarks = node.marks;
@@ -112,10 +112,11 @@ export var findAndTrackUnsupportedContentNodes = function findAndTrackUnsupporte
   } else {
     // Recursive check for nested content
     node.content.forEach(function (childNode) {
-      return findAndTrackUnsupportedContentNodes(childNode, schema, dispatchAnalyticsEvent, concatAncestorHierarchy(node, ancestorHierarchy));
+      return _findAndTrackUnsupportedContentNodes(childNode, schema, dispatchAnalyticsEvent, concatAncestorHierarchy(node, ancestorHierarchy));
     });
   }
 };
+export { _findAndTrackUnsupportedContentNodes as findAndTrackUnsupportedContentNodes };
 export var fireUnsupportedEvent = function fireUnsupportedEvent(dispatchAnalyticsEvent, actionSubjectId, unsupportedNode, errorCode) {
   var sanitizedAttrs = sanitizeAttributes(unsupportedNode.attrs);
   var sanitizedMarks = sanitizeMarks(unsupportedNode.marks);

package/dist/esm/utils/validator.js

@@ -95,7 +95,7 @@ var RELATIVE_LINK = /^\//;
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var ANCHOR_LINK = /^#/;
-var flattenUnknownBlockTree = function flattenUnknownBlockTree(node) {
+var _flattenUnknownBlockTree = function flattenUnknownBlockTree(node) {
   var schema = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultSchema;
   var adfStage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'final';
   var output = [];
@@ -123,7 +123,7 @@ var flattenUnknownBlockTree = function flattenUnknownBlockTree(node) {
     if (isLeafNode) {
       output.push(getValidNode(childNode, schema, adfStage));
     } else {
-      output.push.apply(output, _toConsumableArray(flattenUnknownBlockTree(childNode, schema, adfStage)));
+      output.push.apply(output, _toConsumableArray(_flattenUnknownBlockTree(childNode, schema, adfStage)));
     }
     isPrevLeafNode = isLeafNode;
   }
@@ -165,7 +165,7 @@ export var getValidUnknownNode = function getValidUnknownNode(node) {
    */
   return {
     type: 'unknownBlock',
-    content: flattenUnknownBlockTree(node)
+    content: _flattenUnknownBlockTree(node)
   };
 };
 var getValidMarks = function getValidMarks(marks) {

package/dist/esm/with-plugin-state/index.js

@@ -1,3 +1,4 @@
+import _readOnlyError from "@babel/runtime/helpers/readOnlyError";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";

package/dist/types/react-node-view/onVisibleObserverFactory.d.ts

@@ -0,0 +1,8 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+type RemoveObserver = () => unknown;
+type OnVisibleCallback = () => unknown;
+type OnVisibleObserver = {
+    observe: (el: HTMLElement, callback: OnVisibleCallback) => RemoveObserver;
+};
+export declare const getOrCreateOnVisibleObserver: ((view: EditorView) => OnVisibleObserver) & import("lodash").MemoizedFunction;
+export {};

package/dist/types-ts4.5/react-node-view/onVisibleObserverFactory.d.ts

@@ -0,0 +1,8 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+type RemoveObserver = () => unknown;
+type OnVisibleCallback = () => unknown;
+type OnVisibleObserver = {
+    observe: (el: HTMLElement, callback: OnVisibleCallback) => RemoveObserver;
+};
+export declare const getOrCreateOnVisibleObserver: ((view: EditorView) => OnVisibleObserver) & import("lodash").MemoizedFunction;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "99.6.1",
+	"version": "99.7.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -141,7 +141,7 @@
 		"@atlaskit/media-file-preview": "^0.10.0",
 		"@atlaskit/media-picker": "^67.1.0",
 		"@atlaskit/media-ui": "^27.4.0",
-		"@atlaskit/media-viewer": "50.1.0",
+		"@atlaskit/media-viewer": "50.1.1",
 		"@atlaskit/mention": "^23.11.0",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/onboarding": "^12.3.0",
@@ -234,9 +234,6 @@
 		"platform_editor_media_extended_resize_experience": {
 			"type": "boolean"
 		},
-		"platform_editor_breakout_use_css": {
-			"type": "boolean"
-		},
 		"linking_platform_datasource_assets_objects": {
 			"type": "boolean"
 		},
@@ -267,6 +264,9 @@
 		"platform_editor_typography_ugc": {
 			"type": "boolean"
 		},
+		"platform_editor_lego__inline_node_virtualization": {
+			"type": "boolean"
+		},
 		"platform_editor_heading_margin_fix": {
 			"type": "boolean"
 		},