@atlaskit/editor-common 110.48.1 → 110.49.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-common
 
+## 110.49.1
+
+### Patch Changes
+
+- [`bb2dc129454dc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb2dc129454dc) -
+  [ux] [ENGHEALTH-47470] internationalise literal strings behind fg platform_editor_dec_a11y_fixes
+- [`517cb8568bc25`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/517cb8568bc25) -
+  [ENGHEALTH-47470] refactor of code to close enghealth ticket
+
+## 110.49.0
+
+### Minor Changes
+
+- [`6668fda9b38d7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6668fda9b38d7) -
+  ED-29716 add limited mode support to native anchor
+
 ## 110.48.1
 
 ### Patch Changes

package/dist/cjs/extensions/extension-handlers.js

@@ -12,8 +12,11 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _manifestHelpers = require("./manifest-helpers");
+var _messages = require("./messages");
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -103,11 +106,11 @@ function _getExtensionModuleNodePrivateProps() {
   return _getExtensionModuleNodePrivateProps.apply(this, arguments);
 }
 function ExtensionLoading(props) {
+  var intl = (0, _reactIntlNext.useIntl)();
   if (props.error || props.timedOut) {
     // eslint-disable-next-line no-console
     console.error('Error rendering extension', props.error);
-    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-    return /*#__PURE__*/_react.default.createElement("div", null, "Error loading the extension!");
+    return /*#__PURE__*/_react.default.createElement("div", null, (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? intl.formatMessage(_messages.messages.extensionLoadingError) : 'Error loading the extension!');
   } else {
     return null;
   }

package/dist/cjs/extensions/messages.js

@@ -45,6 +45,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.extensions.config-panel.loading-error.non-final',
     defaultMessage: 'We ran into a bit of trouble. Refresh to try again.',
     description: 'Error message when loading the configuration panel'
+  },
+  extensionLoadingError: {
+    id: 'fabric.editor.extension.loading-error',
+    defaultMessage: 'Error loading the extension!',
+    description: 'Error message when loading an extension'
   }
 });
 var configPanelMessages = exports.configPanelMessages = (0, _reactIntlNext.defineMessages)({

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "110.48.0";
+var packageVersion = "110.49.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/node-anchor/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getNodeIdProvider", {
+  enumerable: true,
+  get: function get() {
+    return _nodeAnchorProvider.getNodeIdProvider;
+  }
+});
+var _nodeAnchorProvider = require("./node-anchor-provider");

package/dist/cjs/node-anchor/node-anchor-provider.js

@@ -8,20 +8,47 @@ exports.getNodeIdProvider = exports.NodeAnchorProvider = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _utils = require("../utils");
 var _dynamicBitArray = require("./dynamic-bit-array");
 var NodeAnchorProvider = exports.NodeAnchorProvider = /*#__PURE__*/function () {
   function NodeAnchorProvider() {
+    var limitedMode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var emptyDoc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     (0, _classCallCheck2.default)(this, NodeAnchorProvider);
     (0, _defineProperty2.default)(this, "cache", new WeakMap());
     (0, _defineProperty2.default)(this, "count", BigInt(0));
     (0, _defineProperty2.default)(this, "existingPos", new _dynamicBitArray.DynamicBitArray());
+    (0, _defineProperty2.default)(this, "limitedMode", false);
+    (0, _defineProperty2.default)(this, "emptyDoc", false);
+    this.limitedMode = limitedMode;
+    this.emptyDoc = emptyDoc;
   }
   return (0, _createClass2.default)(NodeAnchorProvider, [{
-    key: "getOrGenerateId",
-    value:
+    key: "isEmptyDoc",
+    value: function isEmptyDoc() {
+      return this.emptyDoc;
+    }
+  }, {
+    key: "setEmptyDoc",
+    value: function setEmptyDoc(isEmpty) {
+      this.emptyDoc = isEmpty;
+    }
+  }, {
+    key: "isLimitedMode",
+    value: function isLimitedMode() {
+      return this.limitedMode;
+    }
+
     // We use pos to generate unique ids for each node at a specific position
     // This is to ensure the same ADF will always generate the same DOM initially
-    function getOrGenerateId(node, pos) {
+  }, {
+    key: "getOrGenerateId",
+    value: function getOrGenerateId(node, pos) {
+      if (this.limitedMode) {
+        return undefined;
+      }
       if (this.cache.has(node)) {
         return this.cache.get(node);
       }
@@ -38,20 +65,82 @@ var NodeAnchorProvider = exports.NodeAnchorProvider = /*#__PURE__*/function () {
   }, {
     key: "getIdForNode",
     value: function getIdForNode(node) {
-      return this.cache.get(node) || undefined;
+      if (this.limitedMode) {
+        return undefined;
+      }
+      return this.cache.get(node);
+    }
+
+    // After set to limited mode, we clear the cache to free up memory
+    // and prevent further ids from being generated
+    // Once in limited mode, we won't exit it
+  }, {
+    key: "setLimitedMode",
+    value: function setLimitedMode() {
+      this.limitedMode = true;
+      this.cache = new WeakMap();
+      this.existingPos = new _dynamicBitArray.DynamicBitArray();
+      this.count = BigInt(0);
     }
   }]);
 }();
 var nodeIdProviderMap = new WeakMap();
 
+// This is duplicate from the limited mode plugin to avoid circular dependency
+// We can refactor this later to have a shared util package
+var isLimitedModeEnabled = function isLimitedModeEnabled(editorView) {
+  var nodeSizeLimit = (0, _expVal.expVal)('cc_editor_limited_mode', 'nodeSize', 100);
+  var limitedMode = false;
+  // some tests have nodeSizeLimit as boolean
+  if (typeof nodeSizeLimit === 'number') {
+    // duplicate logic from limited mode plugin to determine if we're in limited mode
+    // @ts-expect-error - true is not allowed as a default value
+    if ((0, _expVal.expVal)('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
+      var customDocSize = editorView.state.doc.nodeSize;
+      editorView.state.doc.descendants(function (node) {
+        var _node$attrs;
+        if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
+          var _node$attrs$parameter, _node$attrs2;
+          customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.parameters) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.adf) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
+        }
+      });
+      limitedMode = customDocSize > nodeSizeLimit;
+    } else {
+      limitedMode = editorView.state.doc.nodeSize > nodeSizeLimit;
+    }
+  }
+  return limitedMode;
+};
+
 // Get the NodeIdProvider for a specific EditorView instance.
 // This allows access to the node ids anywhere.
 var getNodeIdProvider = exports.getNodeIdProvider = function getNodeIdProvider(editorView) {
   if (!nodeIdProviderMap.has(editorView)) {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_native_anchor_patch_2')) {
+      // if the limited mode flag is on, enable limited mode based on document size
+      // only for the first time
+      var limitedMode = isLimitedModeEnabled(editorView);
+      var isEmptyDoc = (0, _utils.isEmptyDocument)(editorView.state.doc);
+      var _provider = new NodeAnchorProvider(limitedMode, isEmptyDoc);
+      nodeIdProviderMap.set(editorView, _provider);
+      return _provider;
+    }
     var provider = new NodeAnchorProvider();
     nodeIdProviderMap.set(editorView, provider);
     return provider;
   }
+  var nodeIdProvider = nodeIdProviderMap.get(editorView);
+
+  // in some cases we need to re-check limited mode state
+  // Confluence editor can start with an empty doc and then load content later
+  // so we need to check first time from an empty doc to a non-empty doc
+  if (nodeIdProvider.isEmptyDoc() && !(0, _utils.isEmptyDocument)(editorView.state.doc) && (0, _platformFeatureFlags.fg)('platform_editor_native_anchor_patch_2')) {
+    // set empty doc to false regardless of limited mode state
+    nodeIdProvider.setEmptyDoc(false);
+    if (!nodeIdProvider.isLimitedMode() && isLimitedModeEnabled(editorView)) {
+      nodeIdProvider.setLimitedMode();
+    }
+  }
 
   // This is based on the fact that editorView is a singleton.
   return nodeIdProviderMap.get(editorView);

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

@@ -24,7 +24,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 = "110.48.0";
+var packageVersion = "110.49.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/TableSelector/table-selector.js

@@ -156,12 +156,9 @@ var TableSelectorPopup = function TableSelectorPopup(_ref3) {
       isFocused: isCurrentFocused,
       handleInitialButtonFocus: handleInitialButtonFocus
     });
-  })), (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? (0, _react2.jsx)("span", {
+  })), (0, _react2.jsx)("span", {
     css: selectionSizeTextStyles,
     "aria-hidden": true
-  }, "".concat(selectedCol, " ").concat(MULTIPLICATION_SYMBOL, " ").concat(selectedRow)) : (0, _react2.jsx)("span", {
-    css: selectionSizeTextStyles,
-    "aria-hidden": true
-  }, "".concat(selectedCol, " x ").concat(selectedRow)));
+  }, (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? "".concat(selectedCol, " ").concat(MULTIPLICATION_SYMBOL, " ").concat(selectedRow) : "".concat(selectedCol, " x ").concat(selectedRow)));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(TableSelectorPopup);

package/dist/es2019/extensions/extension-handlers.js

@@ -1,6 +1,9 @@
 import React from 'react';
+import { useIntl } from 'react-intl-next';
 import Loadable from 'react-loadable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
+import { messages } from './messages';
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -47,11 +50,11 @@ export async function getExtensionModuleNodePrivateProps(extensionProvider, exte
   }, {});
 }
 function ExtensionLoading(props) {
+  const intl = useIntl();
   if (props.error || props.timedOut) {
     // eslint-disable-next-line no-console
     console.error('Error rendering extension', props.error);
-    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-    return /*#__PURE__*/React.createElement("div", null, "Error loading the extension!");
+    return /*#__PURE__*/React.createElement("div", null, fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(messages.extensionLoadingError) : 'Error loading the extension!');
   } else {
     return null;
   }

package/dist/es2019/extensions/messages.js

@@ -39,6 +39,11 @@ export const messages = defineMessages({
     id: 'fabric.editor.extensions.config-panel.loading-error.non-final',
     defaultMessage: 'We ran into a bit of trouble. Refresh to try again.',
     description: 'Error message when loading the configuration panel'
+  },
+  extensionLoadingError: {
+    id: 'fabric.editor.extension.loading-error',
+    defaultMessage: 'Error loading the extension!',
+    description: 'Error message when loading an extension'
   }
 });
 export const configPanelMessages = defineMessages({

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "110.48.0";
+const packageVersion = "110.49.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/node-anchor/index.js

@@ -0,0 +1,4 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+export { getNodeIdProvider } from './node-anchor-provider';

package/dist/es2019/node-anchor/node-anchor-provider.js

@@ -1,14 +1,34 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import { isEmptyDocument } from '../utils';
 import { DynamicBitArray } from './dynamic-bit-array';
 export class NodeAnchorProvider {
-  constructor() {
+  constructor(limitedMode = false, emptyDoc = false) {
     _defineProperty(this, "cache", new WeakMap());
     _defineProperty(this, "count", BigInt(0));
     _defineProperty(this, "existingPos", new DynamicBitArray());
+    _defineProperty(this, "limitedMode", false);
+    _defineProperty(this, "emptyDoc", false);
+    this.limitedMode = limitedMode;
+    this.emptyDoc = emptyDoc;
   }
+  isEmptyDoc() {
+    return this.emptyDoc;
+  }
+  setEmptyDoc(isEmpty) {
+    this.emptyDoc = isEmpty;
+  }
+  isLimitedMode() {
+    return this.limitedMode;
+  }
+
   // We use pos to generate unique ids for each node at a specific position
   // This is to ensure the same ADF will always generate the same DOM initially
   getOrGenerateId(node, pos) {
+    if (this.limitedMode) {
+      return undefined;
+    }
     if (this.cache.has(node)) {
       return this.cache.get(node);
     }
@@ -23,19 +43,79 @@ export class NodeAnchorProvider {
     return anchorName;
   }
   getIdForNode(node) {
-    return this.cache.get(node) || undefined;
+    if (this.limitedMode) {
+      return undefined;
+    }
+    return this.cache.get(node);
+  }
+
+  // After set to limited mode, we clear the cache to free up memory
+  // and prevent further ids from being generated
+  // Once in limited mode, we won't exit it
+  setLimitedMode() {
+    this.limitedMode = true;
+    this.cache = new WeakMap();
+    this.existingPos = new DynamicBitArray();
+    this.count = BigInt(0);
   }
 }
 const nodeIdProviderMap = new WeakMap();
 
+// This is duplicate from the limited mode plugin to avoid circular dependency
+// We can refactor this later to have a shared util package
+const isLimitedModeEnabled = editorView => {
+  const nodeSizeLimit = expVal('cc_editor_limited_mode', 'nodeSize', 100);
+  let limitedMode = false;
+  // some tests have nodeSizeLimit as boolean
+  if (typeof nodeSizeLimit === 'number') {
+    // duplicate logic from limited mode plugin to determine if we're in limited mode
+    // @ts-expect-error - true is not allowed as a default value
+    if (expVal('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
+      let customDocSize = editorView.state.doc.nodeSize;
+      editorView.state.doc.descendants(node => {
+        var _node$attrs;
+        if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
+          var _node$attrs$parameter, _node$attrs2, _node$attrs2$paramete, _node$attrs2$paramete2;
+          customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : (_node$attrs2$paramete = _node$attrs2.parameters) === null || _node$attrs2$paramete === void 0 ? void 0 : (_node$attrs2$paramete2 = _node$attrs2$paramete.adf) === null || _node$attrs2$paramete2 === void 0 ? void 0 : _node$attrs2$paramete2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
+        }
+      });
+      limitedMode = customDocSize > nodeSizeLimit;
+    } else {
+      limitedMode = editorView.state.doc.nodeSize > nodeSizeLimit;
+    }
+  }
+  return limitedMode;
+};
+
 // Get the NodeIdProvider for a specific EditorView instance.
 // This allows access to the node ids anywhere.
 export const getNodeIdProvider = editorView => {
   if (!nodeIdProviderMap.has(editorView)) {
+    if (fg('platform_editor_native_anchor_patch_2')) {
+      // if the limited mode flag is on, enable limited mode based on document size
+      // only for the first time
+      const limitedMode = isLimitedModeEnabled(editorView);
+      const isEmptyDoc = isEmptyDocument(editorView.state.doc);
+      const provider = new NodeAnchorProvider(limitedMode, isEmptyDoc);
+      nodeIdProviderMap.set(editorView, provider);
+      return provider;
+    }
     const provider = new NodeAnchorProvider();
     nodeIdProviderMap.set(editorView, provider);
     return provider;
   }
+  const nodeIdProvider = nodeIdProviderMap.get(editorView);
+
+  // in some cases we need to re-check limited mode state
+  // Confluence editor can start with an empty doc and then load content later
+  // so we need to check first time from an empty doc to a non-empty doc
+  if (nodeIdProvider.isEmptyDoc() && !isEmptyDocument(editorView.state.doc) && fg('platform_editor_native_anchor_patch_2')) {
+    // set empty doc to false regardless of limited mode state
+    nodeIdProvider.setEmptyDoc(false);
+    if (!nodeIdProvider.isLimitedMode() && isLimitedModeEnabled(editorView)) {
+      nodeIdProvider.setLimitedMode();
+    }
+  }
 
   // This is based on the fact that editorView is a singleton.
   return nodeIdProviderMap.get(editorView);

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "110.48.0";
+const packageVersion = "110.49.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/TableSelector/table-selector.js

@@ -148,12 +148,9 @@ const TableSelectorPopup = ({
       isFocused: isCurrentFocused,
       handleInitialButtonFocus: handleInitialButtonFocus
     });
-  })), fg('platform_editor_dec_a11y_fixes') ? jsx("span", {
+  })), jsx("span", {
     css: selectionSizeTextStyles,
     "aria-hidden": true
-  }, `${selectedCol} ${MULTIPLICATION_SYMBOL} ${selectedRow}`) : jsx("span", {
-    css: selectionSizeTextStyles,
-    "aria-hidden": true
-  }, `${selectedCol} x ${selectedRow}`));
+  }, fg('platform_editor_dec_a11y_fixes') ? `${selectedCol} ${MULTIPLICATION_SYMBOL} ${selectedRow}` : `${selectedCol} x ${selectedRow}`));
 };
 export default injectIntl(TableSelectorPopup);

package/dist/esm/extensions/extension-handlers.js

@@ -2,8 +2,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
+import { useIntl } from 'react-intl-next';
 import Loadable from 'react-loadable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
+import { messages } from './messages';
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -93,11 +96,11 @@ function _getExtensionModuleNodePrivateProps() {
   return _getExtensionModuleNodePrivateProps.apply(this, arguments);
 }
 function ExtensionLoading(props) {
+  var intl = useIntl();
   if (props.error || props.timedOut) {
     // eslint-disable-next-line no-console
     console.error('Error rendering extension', props.error);
-    // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-    return /*#__PURE__*/React.createElement("div", null, "Error loading the extension!");
+    return /*#__PURE__*/React.createElement("div", null, fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(messages.extensionLoadingError) : 'Error loading the extension!');
   } else {
     return null;
   }

package/dist/esm/extensions/messages.js

@@ -39,6 +39,11 @@ export var messages = defineMessages({
     id: 'fabric.editor.extensions.config-panel.loading-error.non-final',
     defaultMessage: 'We ran into a bit of trouble. Refresh to try again.',
     description: 'Error message when loading the configuration panel'
+  },
+  extensionLoadingError: {
+    id: 'fabric.editor.extension.loading-error',
+    defaultMessage: 'Error loading the extension!',
+    description: 'Error message when loading an extension'
   }
 });
 export var configPanelMessages = defineMessages({

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "110.48.0";
+var packageVersion = "110.49.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/node-anchor/index.js

@@ -0,0 +1,4 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+export { getNodeIdProvider } from './node-anchor-provider';

package/dist/esm/node-anchor/node-anchor-provider.js

@@ -1,20 +1,47 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import { isEmptyDocument } from '../utils';
 import { DynamicBitArray } from './dynamic-bit-array';
 export var NodeAnchorProvider = /*#__PURE__*/function () {
   function NodeAnchorProvider() {
+    var limitedMode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var emptyDoc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     _classCallCheck(this, NodeAnchorProvider);
     _defineProperty(this, "cache", new WeakMap());
     _defineProperty(this, "count", BigInt(0));
     _defineProperty(this, "existingPos", new DynamicBitArray());
+    _defineProperty(this, "limitedMode", false);
+    _defineProperty(this, "emptyDoc", false);
+    this.limitedMode = limitedMode;
+    this.emptyDoc = emptyDoc;
   }
   return _createClass(NodeAnchorProvider, [{
-    key: "getOrGenerateId",
-    value:
+    key: "isEmptyDoc",
+    value: function isEmptyDoc() {
+      return this.emptyDoc;
+    }
+  }, {
+    key: "setEmptyDoc",
+    value: function setEmptyDoc(isEmpty) {
+      this.emptyDoc = isEmpty;
+    }
+  }, {
+    key: "isLimitedMode",
+    value: function isLimitedMode() {
+      return this.limitedMode;
+    }
+
     // We use pos to generate unique ids for each node at a specific position
     // This is to ensure the same ADF will always generate the same DOM initially
-    function getOrGenerateId(node, pos) {
+  }, {
+    key: "getOrGenerateId",
+    value: function getOrGenerateId(node, pos) {
+      if (this.limitedMode) {
+        return undefined;
+      }
       if (this.cache.has(node)) {
         return this.cache.get(node);
       }
@@ -31,20 +58,82 @@ export var NodeAnchorProvider = /*#__PURE__*/function () {
   }, {
     key: "getIdForNode",
     value: function getIdForNode(node) {
-      return this.cache.get(node) || undefined;
+      if (this.limitedMode) {
+        return undefined;
+      }
+      return this.cache.get(node);
+    }
+
+    // After set to limited mode, we clear the cache to free up memory
+    // and prevent further ids from being generated
+    // Once in limited mode, we won't exit it
+  }, {
+    key: "setLimitedMode",
+    value: function setLimitedMode() {
+      this.limitedMode = true;
+      this.cache = new WeakMap();
+      this.existingPos = new DynamicBitArray();
+      this.count = BigInt(0);
     }
   }]);
 }();
 var nodeIdProviderMap = new WeakMap();
 
+// This is duplicate from the limited mode plugin to avoid circular dependency
+// We can refactor this later to have a shared util package
+var isLimitedModeEnabled = function isLimitedModeEnabled(editorView) {
+  var nodeSizeLimit = expVal('cc_editor_limited_mode', 'nodeSize', 100);
+  var limitedMode = false;
+  // some tests have nodeSizeLimit as boolean
+  if (typeof nodeSizeLimit === 'number') {
+    // duplicate logic from limited mode plugin to determine if we're in limited mode
+    // @ts-expect-error - true is not allowed as a default value
+    if (expVal('cc_editor_limited_mode_include_lcm', 'isEnabled', true)) {
+      var customDocSize = editorView.state.doc.nodeSize;
+      editorView.state.doc.descendants(function (node) {
+        var _node$attrs;
+        if (((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionKey) === 'legacy-content') {
+          var _node$attrs$parameter, _node$attrs2;
+          customDocSize += (_node$attrs$parameter = (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.parameters) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.adf) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.length) !== null && _node$attrs$parameter !== void 0 ? _node$attrs$parameter : 0;
+        }
+      });
+      limitedMode = customDocSize > nodeSizeLimit;
+    } else {
+      limitedMode = editorView.state.doc.nodeSize > nodeSizeLimit;
+    }
+  }
+  return limitedMode;
+};
+
 // Get the NodeIdProvider for a specific EditorView instance.
 // This allows access to the node ids anywhere.
 export var getNodeIdProvider = function getNodeIdProvider(editorView) {
   if (!nodeIdProviderMap.has(editorView)) {
+    if (fg('platform_editor_native_anchor_patch_2')) {
+      // if the limited mode flag is on, enable limited mode based on document size
+      // only for the first time
+      var limitedMode = isLimitedModeEnabled(editorView);
+      var isEmptyDoc = isEmptyDocument(editorView.state.doc);
+      var _provider = new NodeAnchorProvider(limitedMode, isEmptyDoc);
+      nodeIdProviderMap.set(editorView, _provider);
+      return _provider;
+    }
     var provider = new NodeAnchorProvider();
     nodeIdProviderMap.set(editorView, provider);
     return provider;
   }
+  var nodeIdProvider = nodeIdProviderMap.get(editorView);
+
+  // in some cases we need to re-check limited mode state
+  // Confluence editor can start with an empty doc and then load content later
+  // so we need to check first time from an empty doc to a non-empty doc
+  if (nodeIdProvider.isEmptyDoc() && !isEmptyDocument(editorView.state.doc) && fg('platform_editor_native_anchor_patch_2')) {
+    // set empty doc to false regardless of limited mode state
+    nodeIdProvider.setEmptyDoc(false);
+    if (!nodeIdProvider.isLimitedMode() && isLimitedModeEnabled(editorView)) {
+      nodeIdProvider.setLimitedMode();
+    }
+  }
 
   // This is based on the fact that editorView is a singleton.
   return nodeIdProviderMap.get(editorView);

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.48.0";
+var packageVersion = "110.49.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/TableSelector/table-selector.js

@@ -148,12 +148,9 @@ var TableSelectorPopup = function TableSelectorPopup(_ref3) {
       isFocused: isCurrentFocused,
       handleInitialButtonFocus: handleInitialButtonFocus
     });
-  })), fg('platform_editor_dec_a11y_fixes') ? jsx("span", {
+  })), jsx("span", {
     css: selectionSizeTextStyles,
     "aria-hidden": true
-  }, "".concat(selectedCol, " ").concat(MULTIPLICATION_SYMBOL, " ").concat(selectedRow)) : jsx("span", {
-    css: selectionSizeTextStyles,
-    "aria-hidden": true
-  }, "".concat(selectedCol, " x ").concat(selectedRow)));
+  }, fg('platform_editor_dec_a11y_fixes') ? "".concat(selectedCol, " ").concat(MULTIPLICATION_SYMBOL, " ").concat(selectedRow) : "".concat(selectedCol, " x ").concat(selectedRow)));
 };
 export default injectIntl(TableSelectorPopup);

package/dist/types/extensions/messages.d.ts

@@ -39,6 +39,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    extensionLoadingError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export declare const configPanelMessages: {
     configFailedToLoad: {

package/dist/types/node-anchor/index.d.ts

@@ -0,0 +1 @@
+export { getNodeIdProvider } from './node-anchor-provider';

package/dist/types/node-anchor/node-anchor-provider.d.ts

@@ -4,7 +4,14 @@ export declare class NodeAnchorProvider {
     private cache;
     private count;
     private existingPos;
-    getOrGenerateId(node: PMNode, pos: number): string | null;
+    private limitedMode;
+    private emptyDoc;
+    constructor(limitedMode?: boolean, emptyDoc?: boolean);
+    isEmptyDoc(): boolean;
+    setEmptyDoc(isEmpty: boolean): void;
+    isLimitedMode(): boolean;
+    getOrGenerateId(node: PMNode, pos: number): string | undefined;
     getIdForNode(node: PMNode): string | undefined;
+    setLimitedMode(): void;
 }
 export declare const getNodeIdProvider: (editorView: EditorView) => NodeAnchorProvider;

package/dist/types-ts4.5/extensions/messages.d.ts

@@ -39,6 +39,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    extensionLoadingError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export declare const configPanelMessages: {
     configFailedToLoad: {

package/dist/types-ts4.5/node-anchor/index.d.ts

@@ -0,0 +1 @@
+export { getNodeIdProvider } from './node-anchor-provider';

package/dist/types-ts4.5/node-anchor/node-anchor-provider.d.ts

@@ -4,7 +4,14 @@ export declare class NodeAnchorProvider {
     private cache;
     private count;
     private existingPos;
-    getOrGenerateId(node: PMNode, pos: number): string | null;
+    private limitedMode;
+    private emptyDoc;
+    constructor(limitedMode?: boolean, emptyDoc?: boolean);
+    isEmptyDoc(): boolean;
+    setEmptyDoc(isEmpty: boolean): void;
+    isLimitedMode(): boolean;
+    getOrGenerateId(node: PMNode, pos: number): string | undefined;
     getIdForNode(node: PMNode): string | undefined;
+    setLimitedMode(): void;
 }
 export declare const getNodeIdProvider: (editorView: EditorView) => NodeAnchorProvider;

package/node-anchor/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.48.1",
+	"version": "110.49.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -275,6 +275,9 @@
 		},
 		"platform_editor_dec_a11y_fixes": {
 			"type": "boolean"
+		},
+		"platform_editor_native_anchor_patch_2": {
+			"type": "boolean"
 		}
 	}
 }