@atlaskit/editor-common 110.48.0 → 110.49.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 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
+
+- [`342bed74cf6e9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/342bed74cf6e9) -
+  EDITOR-4037 Block menu selection extension click handling
+- Updated dependencies
+
 ## 110.48.0
 
 ### Minor Changes

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 = "0.0.0-development";
+var packageVersion = "110.48.1";
 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/quick-insert/assets/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _excluded = ["level"];
+function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t && /^\.\.?\//.test(t) ? t.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+)?)\.([cm]?)ts$/i, function (t, s, r, n, o) { return s ? e ? ".jsx" : ".js" : !r || n && o ? r + n + "." + o.toLowerCase() + "js" : t; }) : 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" != (0, _typeof2.default)(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 IconAction = exports.IconAction = (0, _reactLoadable.default)({
   loader: function loader() {
@@ -304,52 +305,52 @@ function importHeading(level) {
     case 1:
       return function (specifier) {
         return new Promise(function (r) {
-          return r(specifier);
+          return r("".concat(specifier));
         }).then(function (s) {
           return _interopRequireWildcard(require(s));
         });
-      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-1" */"./heading1");
+      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-1" */_tsRewriteRelativeImportExtensions("./heading1"));
     case 2:
       return function (specifier) {
         return new Promise(function (r) {
-          return r(specifier);
+          return r("".concat(specifier));
         }).then(function (s) {
           return _interopRequireWildcard(require(s));
         });
-      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-2" */"./heading2");
+      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-2" */_tsRewriteRelativeImportExtensions("./heading2"));
     case 3:
       return function (specifier) {
         return new Promise(function (r) {
-          return r(specifier);
+          return r("".concat(specifier));
         }).then(function (s) {
           return _interopRequireWildcard(require(s));
         });
-      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-3" */"./heading3");
+      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-3" */_tsRewriteRelativeImportExtensions("./heading3"));
     case 4:
       return function (specifier) {
         return new Promise(function (r) {
-          return r(specifier);
+          return r("".concat(specifier));
         }).then(function (s) {
           return _interopRequireWildcard(require(s));
         });
-      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-4" */"./heading4");
+      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-4" */_tsRewriteRelativeImportExtensions("./heading4"));
     case 5:
       return function (specifier) {
         return new Promise(function (r) {
-          return r(specifier);
+          return r("".concat(specifier));
         }).then(function (s) {
           return _interopRequireWildcard(require(s));
         });
-      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-5" */"./heading5");
+      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-5" */_tsRewriteRelativeImportExtensions("./heading5"));
     case 6:
     default:
       return function (specifier) {
         return new Promise(function (r) {
-          return r(specifier);
+          return r("".concat(specifier));
         }).then(function (s) {
           return _interopRequireWildcard(require(s));
         });
-      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-6" */"./heading6");
+      }( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-6" */_tsRewriteRelativeImportExtensions("./heading6"));
   }
 }
 var IconHeading = exports.IconHeading = function IconHeading(_ref) {

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

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 = "0.0.0-development";
+const packageVersion = "110.48.1";
 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/quick-insert/assets/index.js

@@ -1,3 +1,4 @@
+function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t && /^\.\.?\//.test(t) ? t.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+)?)\.([cm]?)ts$/i, function (t, s, r, n, o) { return s ? e ? ".jsx" : ".js" : !r || n && o ? r + n + "." + o.toLowerCase() + "js" : t; }) : t; }
 import React from 'react';
 import Loadable from 'react-loadable';
 export const IconAction = Loadable({
@@ -99,18 +100,18 @@ export const IconFiveColumnLayout = Loadable({
 function importHeading(level) {
   switch (level) {
     case 1:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-1" */`./heading1`);
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-1" */_tsRewriteRelativeImportExtensions(`./heading1`));
     case 2:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-2" */`./heading2`);
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-2" */_tsRewriteRelativeImportExtensions(`./heading2`));
     case 3:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-3" */`./heading3`);
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-3" */_tsRewriteRelativeImportExtensions(`./heading3`));
     case 4:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-4" */`./heading4`);
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-4" */_tsRewriteRelativeImportExtensions(`./heading4`));
     case 5:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-5" */`./heading5`);
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-5" */_tsRewriteRelativeImportExtensions(`./heading5`));
     case 6:
     default:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-6" */`./heading6`);
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-6" */_tsRewriteRelativeImportExtensions(`./heading6`));
   }
 }
 export const IconHeading = ({

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 = "0.0.0-development";
+const packageVersion = "110.48.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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 = "0.0.0-development";
+var packageVersion = "110.48.1";
 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/quick-insert/assets/index.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["level"];
+function _tsRewriteRelativeImportExtensions(t, e) { return "string" == typeof t && /^\.\.?\//.test(t) ? t.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+)?)\.([cm]?)ts$/i, function (t, s, r, n, o) { return s ? e ? ".jsx" : ".js" : !r || n && o ? r + n + "." + o.toLowerCase() + "js" : t; }) : t; }
 import React from 'react';
 import Loadable from 'react-loadable';
 export var IconAction = Loadable({
@@ -245,18 +246,18 @@ export var IconFiveColumnLayout = Loadable({
 function importHeading(level) {
   switch (level) {
     case 1:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-1" */"./heading1");
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-1" */_tsRewriteRelativeImportExtensions("./heading1"));
     case 2:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-2" */"./heading2");
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-2" */_tsRewriteRelativeImportExtensions("./heading2"));
     case 3:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-3" */"./heading3");
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-3" */_tsRewriteRelativeImportExtensions("./heading3"));
     case 4:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-4" */"./heading4");
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-4" */_tsRewriteRelativeImportExtensions("./heading4"));
     case 5:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-5" */"./heading5");
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-5" */_tsRewriteRelativeImportExtensions("./heading5"));
     case 6:
     default:
-      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-6" */"./heading6");
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-6" */_tsRewriteRelativeImportExtensions("./heading6"));
   }
 }
 export var IconHeading = function IconHeading(_ref) {

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 = "0.0.0-development";
+var packageVersion = "110.48.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/analytics/types/selection-extension-events.d.ts

@@ -3,9 +3,16 @@ import type { TrackAEP } from './utils';
 type SelectionExtensionActionType = ACTION.VIEWED | ACTION.CLICKED | ACTION.CLOSED;
 type SelectionExtensionSubjectType = ACTION_SUBJECT.BUTTON | ACTION_SUBJECT.EDITOR_PLUGIN_SELECTION_EXTENSION;
 type SelectionExtensionSubjectIdType = ACTION_SUBJECT_ID.EDITOR_PLUGIN_SELECTION_EXTENSION_DROPDOWN | ACTION_SUBJECT_ID.EDITOR_PLUGIN_SELECTION_EXTENSION_COMPONENT | ACTION_SUBJECT_ID.EDITOR_PLUGIN_SELECTION_EXTENSION_ITEM;
-type SelectionExtensionAttributeType = {
+type SelectionExtensionLegacyAttributeType = {
     toggle: ACTION.OPENED | ACTION.CLOSED;
 };
-type SelectionExtensionAEP = TrackAEP<SelectionExtensionActionType, SelectionExtensionSubjectType, SelectionExtensionSubjectIdType, SelectionExtensionAttributeType, undefined>;
+type SelectionExtensionAttributeType = {
+    extensionKey: string;
+    extensionSource: string;
+    extensionLocation: 'inline-toolbar' | 'primary-toolbar' | 'block-menu';
+    extensionElement: 'button' | 'dropdown' | 'nested-dropdown' | 'dropdown-item';
+    extensionItemKey?: string;
+};
+type SelectionExtensionAEP = TrackAEP<SelectionExtensionActionType, SelectionExtensionSubjectType, SelectionExtensionSubjectIdType, SelectionExtensionAttributeType | SelectionExtensionLegacyAttributeType, undefined>;
 export type SelectionExtensionEventPayload = SelectionExtensionAEP;
 export {};

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/analytics/types/selection-extension-events.d.ts

@@ -3,9 +3,16 @@ import type { TrackAEP } from './utils';
 type SelectionExtensionActionType = ACTION.VIEWED | ACTION.CLICKED | ACTION.CLOSED;
 type SelectionExtensionSubjectType = ACTION_SUBJECT.BUTTON | ACTION_SUBJECT.EDITOR_PLUGIN_SELECTION_EXTENSION;
 type SelectionExtensionSubjectIdType = ACTION_SUBJECT_ID.EDITOR_PLUGIN_SELECTION_EXTENSION_DROPDOWN | ACTION_SUBJECT_ID.EDITOR_PLUGIN_SELECTION_EXTENSION_COMPONENT | ACTION_SUBJECT_ID.EDITOR_PLUGIN_SELECTION_EXTENSION_ITEM;
-type SelectionExtensionAttributeType = {
+type SelectionExtensionLegacyAttributeType = {
     toggle: ACTION.OPENED | ACTION.CLOSED;
 };
-type SelectionExtensionAEP = TrackAEP<SelectionExtensionActionType, SelectionExtensionSubjectType, SelectionExtensionSubjectIdType, SelectionExtensionAttributeType, undefined>;
+type SelectionExtensionAttributeType = {
+    extensionKey: string;
+    extensionSource: string;
+    extensionLocation: 'inline-toolbar' | 'primary-toolbar' | 'block-menu';
+    extensionElement: 'button' | 'dropdown' | 'nested-dropdown' | 'dropdown-item';
+    extensionItemKey?: string;
+};
+type SelectionExtensionAEP = TrackAEP<SelectionExtensionActionType, SelectionExtensionSubjectType, SelectionExtensionSubjectIdType, SelectionExtensionAttributeType | SelectionExtensionLegacyAttributeType, undefined>;
 export type SelectionExtensionEventPayload = SelectionExtensionAEP;
 export {};

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.0",
+	"version": "110.49.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -81,7 +81,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.1.0",
+		"@atlaskit/tmp-editor-statsig": "^16.2.0",
 		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -275,6 +275,9 @@
 		},
 		"platform_editor_dec_a11y_fixes": {
 			"type": "boolean"
+		},
+		"platform_editor_native_anchor_patch_2": {
+			"type": "boolean"
 		}
 	}
 }