@atlaskit/editor-common 120.6.2 → 120.7.1

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @atlaskit/editor-common
 
+## 120.7.1
+
+### Patch Changes
+
+- [`90712d67e0e35`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90712d67e0e35) -
+  Show local unpublished synced block content and publication guidance behind
+  editor-synced-block-same-page-sync.
+- Updated dependencies
+
+## 120.7.0
+
+### Minor Changes
+
+- [`d6fdb2e0f375c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d6fdb2e0f375c) -
+  Make `limitedModePlugin` the single source of truth for whether limited (performance) mode is on.
+
+  `NodeAnchorProvider` used to run the document-size / node-count / legacy-content-macro heuristic
+  itself, ignoring the plugin. Since the plugin is optional, removing it from a preset — or setting
+  `killSwitchEnabled: true` — did not actually disable limited mode: node anchors were still
+  suppressed, so no `data-node-anchor` attributes were written and block controls lost its drag
+  handles entirely.
+
+  Behind the `platform_editor_fix_limited_mode_leaking` feature gate, `getNodeIdProvider` now reads
+  the limited-mode plugin's state instead. No public API changes: `limitedModePluginKey` stays owned
+  by and exported from `@atlaskit/editor-plugin-limited-mode`, and `editor-common` reads the
+  plugin's state off `EditorState` by property name so it does not have to depend on a plugin
+  package. With the gate off the old document heuristic runs unchanged.
+
+  **Behaviour change once the gate is on.** With the plugin absent, limited mode is off: presets
+  that do not register it, and any product setting `killSwitchEnabled: true`, lose limited mode's
+  protection on very large documents and on documents containing a legacy content macro. Presets
+  that do register the plugin are unaffected.
+
+  `NodeAnchorProvider`'s limited-mode flag remains one-way — `documentSizeBreachesThreshold` can
+  return to `false` on a `replaceDocument` transaction, but the provider stays latched on, because
+  recovering would require re-rendering every nodeview to restore its anchor attribute.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 120.6.2
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension/InlineExtension/index.js

@@ -12,7 +12,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _hooks = require("../../../hooks");
 var _ui = require("../../../ui");
 var _Lozenge = _interopRequireDefault(require("../Lozenge"));
@@ -102,7 +102,7 @@ var InlineExtension = function InlineExtension(props) {
     'with-danger-overlay': showMacroInteractionDesignUpdates
   });
   var rendererContainerWidth = 0;
-  if ((0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+  if ((0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   })) {
     if (width) {

package/dist/cjs/guideline/getContainerWidthOrFullEditorWidth.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getContainerWidthOrFullEditorWidth = void 0;
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 /**
  * Calculates container or full editor width taking in account editor full width layout
  * width and editor gutter padding.
  */
 var getContainerWidthOrFullEditorWidth = exports.getContainerWidthOrFullEditorWidth = function getContainerWidthOrFullEditorWidth(containerWidth) {
-  var padding = containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+  var padding = containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
   return Math.min(containerWidth - padding * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth) / 2;

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -994,7 +994,7 @@ function limit(items) {
   return items.slice(0, RECENT_SEARCH_LIST_SIZE);
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types, @atlaskit/volt-strict-mode/no-multiple-exports
+// eslint-disable-next-line @typescript-eslint/no-restricted-types, @atlaskit/volt-strict-mode/no-multiple-exports
 var HyperlinkLinkAddToolbarWithIntl = exports.HyperlinkLinkAddToolbarWithIntl = (0, _reactIntl.injectIntl)(HyperlinkLinkAddToolbar);
 var _default_1 = (0, _withAnalyticsEvents.default)()(HyperlinkLinkAddToolbarWithIntl);
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports

package/dist/cjs/link/utils.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "isTextAtPos", {
   }
 });
 var _getUrlForDomainInContext = require("@atlaskit/atlassian-context/get-url-for-domain-in-context");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _constants = require("./constants");
 var _isTextAtPos = require("./isTextAtPos");
 var _isLinkAtPos = require("./isLinkAtPos");
@@ -64,7 +64,7 @@ var getActiveLinkMark = exports.getActiveLinkMark = function getActiveLinkMark(s
       pos: pos
     } : undefined;
   }
-  if (isEmptySelectionBeforeLink(state) && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+  if (isEmptySelectionBeforeLink(state) && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
     // if user clicks right before the link, we want to show the toolbar for the link
     // but only if the link is a single character
     var _node = state.doc.nodeAt($from.pos);
@@ -73,7 +73,7 @@ var getActiveLinkMark = exports.getActiveLinkMark = function getActiveLinkMark(s
       pos: $from.pos
     } : undefined;
   }
-  if (isEmptySelectionAfterLink(state) && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+  if (isEmptySelectionAfterLink(state) && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
     // if user clicks right after the link, we want to show the toolbar for the link
     // but only if the link is a single character
     // and we return the position of the link

package/dist/cjs/media-inline/media-inline-image-card.js

@@ -17,7 +17,7 @@ var _mediaClient = require("@atlaskit/media-client");
 var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
 var _mediaViewer = require("@atlaskit/media-viewer");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _mediaInlineCard = require("../messages/media-inline-card");
 var _constants = require("./constants");
 var _inlineImageCard = require("./inline-image-card");
@@ -212,7 +212,7 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
     // In edit mode (node content wrapper has contenteditable set to true), link redirection is disabled by default
     // We need to call "stopPropagation" here in order to prevent in editor view mode, the browser from navigating to
     // another URL if the media node is wrapped in a link mark.
-    if (isViewOnly && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+    if (isViewOnly && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
       e.preventDefault();
     }
   }, [shouldOpenMediaViewer, isViewOnly]);

package/dist/cjs/media-single/calcMediaSingleMaxWidth.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.calcMediaSingleMaxWidth = void 0;
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 /**
  * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
 var calcMediaSingleMaxWidth = exports.calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth, editorAppearance) {
-  var fullPagePadding = editorAppearance === 'full-page' && containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+  var fullPagePadding = editorAppearance === 'full-page' && containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
   var fullWidthPadding = editorAppearance === 'full-page' ? fullPagePadding * 2 : _editorSharedStyles.akEditorGutterPadding * 2;

package/dist/cjs/messages/syncBlock.js

@@ -101,6 +101,16 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntl.defineMessage
     defaultMessage: 'Synced from: {title}',
     description: 'Tooltip that shows the source page title of the synced block'
   },
+  unpublishedLocalReferenceAvailabilityTooltip: {
+    id: 'editor-common.messages.syncBlock.unpublishedLocalReferenceAvailabilityTooltip',
+    defaultMessage: '{sourceType, select, page {Publish the page to make the source synced block content available in other locations.} blog {Publish the blog to make the source synced block content available in other locations.} jiraWorkItem {Publish the work item to make the source synced block content available in other locations.} other {Publish to make the source synced block content available in other locations.}}',
+    description: 'Tooltip explaining that a local unpublished reference is only available in its source document. sourceType selects page, blog, or Jira work item copy.'
+  },
+  unpublishedSourceAvailabilityTooltip: {
+    id: 'editor-common.messages.syncBlock.unpublishedSourceAvailabilityTooltip',
+    defaultMessage: '{sourceType, select, page {Publish the page to make the content available in other locations.} blog {Publish the blog to make the content available in other locations.} jiraWorkItem {Publish the work item to make the content available in other locations.} other {Publish to make the content available in other locations.}}',
+    description: 'Tooltip explaining that an unpublished source synced block is only available in its source document. sourceType selects page, blog, or Jira work item copy.'
+  },
   referenceSyncBlockLastEdited: {
     id: 'fabric.editor.referenceSyncBlockLastEdited',
     defaultMessage: 'Last edited:',

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "120.6.1";
+var packageVersion = "120.7.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -8,9 +8,26 @@ 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 _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils = require("../utils");
 var _dynamicBitArray = require("./dynamic-bit-array");
 var _shouldEnableLimitedMode = require("./should-enable-limited-mode");
+// The slice of `@atlaskit/editor-plugin-limited-mode`'s state read below. Declared
+// structurally because `editor-common` must not depend on a plugin package.
+
+// The real key stays in `@atlaskit/editor-plugin-limited-mode`; importing it would make
+// `editor-common` depend on a plugin package, so match the state property by name.
+// `'limitedModePlugin$'` is what ProseMirror derives for `new PluginKey('limitedModePlugin')`,
+// and editor-plugin-limited-mode-tests asserts that literal to catch it shifting to `$1`.
+// Please, do not copy or use this kind of code below
+// @ts-ignore
+var limitedModePluginKey = {
+  key: 'limitedModePlugin$',
+  getState: function getState(state) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return state['limitedModePlugin$'];
+  }
+};
 var NodeAnchorProvider = exports.NodeAnchorProvider = /*#__PURE__*/function () {
   function NodeAnchorProvider() {
     var limitedMode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -81,6 +98,9 @@ var NodeAnchorProvider = exports.NodeAnchorProvider = /*#__PURE__*/function () {
     // 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
+    //
+    // One-way by design, so this can stay latched on after the plugin flips back to
+    // off: recovering would mean re-rendering every nodeview to restore its anchor.
   }, {
     key: "setLimitedMode",
     value: function setLimitedMode() {
@@ -94,12 +114,16 @@ var NodeAnchorProvider = exports.NodeAnchorProvider = /*#__PURE__*/function () {
 var nodeIdProviderMap = new WeakMap();
 
 /**
- * Determines whether limited mode should be enabled for the given editor view.
- * Delegates to the shared decision in `should-enable-limited-mode.ts` so the provider and the
- * limited-mode plugin can never drift.
+ * Reads the limited-mode plugin's state and nothing else, so a preset without the plugin no longer
+ * gets anchor suppression (and with it, no drag handles). No plugin means limited mode is off.
+ *
+ * Read off the state rather than the plugin injection API because plugin `state.init` is the only
+ * thing that has run by the time the `EditorView` constructor builds its first nodeview and calls
+ * `getNodeIdProvider`. Plugin views and `usePluginHook` both run later.
  */
 var isLimitedModeEnabled = function isLimitedModeEnabled(editorView) {
-  return (0, _shouldEnableLimitedMode.shouldEnableLimitedModeForDocument)(editorView.state.doc);
+  var _limitedModePluginKey, _limitedModePluginKey2;
+  return (0, _fg.fg)('platform_editor_fix_limited_mode_leaking') ? (_limitedModePluginKey = (_limitedModePluginKey2 = limitedModePluginKey.getState(editorView.state)) === null || _limitedModePluginKey2 === void 0 ? void 0 : _limitedModePluginKey2.documentSizeBreachesThreshold) !== null && _limitedModePluginKey !== void 0 ? _limitedModePluginKey : false : (0, _shouldEnableLimitedMode.shouldEnableLimitedModeForDocument)(editorView.state.doc);
 };
 
 // Get the NodeIdProvider for a specific EditorView instance.
@@ -107,8 +131,6 @@ var isLimitedModeEnabled = function isLimitedModeEnabled(editorView) {
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var getNodeIdProvider = exports.getNodeIdProvider = function getNodeIdProvider(editorView) {
   if (!nodeIdProviderMap.has(editorView)) {
-    // if the limited mode flag is on, enable limited mode based on the threshold
-    // only for the first time
     var limitedMode = isLimitedModeEnabled(editorView);
     var isEmptyDoc = (0, _utils.isEmptyDocument)(editorView.state.doc);
     var provider = new NodeAnchorProvider(limitedMode, isEmptyDoc);

package/dist/cjs/preset/core-plugin/requestDocument.js

@@ -10,10 +10,10 @@ exports.returnDocumentRequestNoThrowError = returnDocumentRequestNoThrowError;
 exports.toJSON = toJSON;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
+var _JSONTransformer = require("@atlaskit/editor-json-transformer/JSONTransformer-2");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _analytics = require("../../analytics");
-var transformer = new _editorJsonTransformer.JSONTransformer();
+var transformer = new _JSONTransformer.JSONTransformer();
 function toJSON(node) {
   return transformer.encode(node);
 }

package/dist/cjs/resizer/BreakoutResizer.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _analytics = require("../analytics");
 var _styles = require("../styles");
 var _browser = require("../utils/browser");
@@ -132,7 +132,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     setResizingState = _useState2[1];
   var areResizeMetaKeysPressed = (0, _react.useRef)(false);
   var resizerRef = (0, _react.useRef)(null);
-  var _useBreakoutGuideline = (0, _useBreakoutGuidelines.useBreakoutGuidelines)(getEditorWidth, isResizing && (0, _experiments.editorExperiment)('single_column_layouts', true), dynamicFullWidthGuidelineOffset),
+  var _useBreakoutGuideline = (0, _useBreakoutGuidelines.useBreakoutGuidelines)(getEditorWidth, isResizing && (0, _editorExperiment.editorExperiment)('single_column_layouts', true), dynamicFullWidthGuidelineOffset),
     snaps = _useBreakoutGuideline.snaps,
     currentLayout = _useBreakoutGuideline.currentLayout,
     guidelines = _useBreakoutGuideline.guidelines,
@@ -170,7 +170,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
       state = editorView.state;
     displayGapCursor(false);
     if (widthState !== undefined && widthState.lineLength !== undefined && widthState.width !== undefined) {
-      var padding = widthState.width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+      var padding = widthState.width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
         exposure: true
       }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
       newMaxWidth = Math.min(widthState.width - padding * 2 - _editorSharedStyles.akEditorGutterPadding, _editorSharedStyles.akEditorFullWidthLayoutWidth);
@@ -184,7 +184,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     dispatch(state.tr.setMeta('is-resizer-resizing', true));
   }, [onResizeStart, getEditorWidth, editorView, displayGapCursor]);
   var handleResize = (0, _react.useCallback)(function (originalState, delta) {
-    if ((0, _experiments.editorExperiment)('single_column_layouts', true)) {
+    if ((0, _editorExperiment.editorExperiment)('single_column_layouts', true)) {
       var newWidth = originalState.width + delta.width;
       setCurrentWidth(newWidth);
     }
@@ -201,7 +201,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     var node = state.doc.nodeAt(pos);
     var newTr = state.tr;
     if (node && breakoutSupportedNodes.includes(node.type.name)) {
-      if (currentLayout && ['wide', 'full-width'].includes(currentLayout) && (0, _experiments.editorExperiment)('single_column_layouts', true)) {
+      if (currentLayout && ['wide', 'full-width'].includes(currentLayout) && (0, _editorExperiment.editorExperiment)('single_column_layouts', true)) {
         newTr.setNodeMarkup(pos, node.type, node.attrs, [breakout.create({
           mode: currentLayout,
           width: null
@@ -357,7 +357,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     handleHighlight: "full-height",
     handlePositioning: "adjacent",
     handleAlignmentMethod: "sticky",
-    labelComponent: currentLayout && (0, _experiments.editorExperiment)('single_column_layouts', true) && ['full-width', 'wide'].includes(currentLayout || '') && /*#__PURE__*/_react.default.createElement(_ResizerBreakoutModeLabel.ResizerBreakoutModeLabel, {
+    labelComponent: currentLayout && (0, _editorExperiment.editorExperiment)('single_column_layouts', true) && ['full-width', 'wide'].includes(currentLayout || '') && /*#__PURE__*/_react.default.createElement(_ResizerBreakoutModeLabel.ResizerBreakoutModeLabel, {
       layout: currentLayout
     })
   });

package/dist/cjs/resizer/Resizer.js

@@ -17,7 +17,7 @@ var _reactIntl = require("react-intl");
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _breakout = require("../messages/breakout");
 var _resizer = require("../styles/shared/resizer");
@@ -281,7 +281,7 @@ var ResizerNext = function ResizerNext(props, ref) {
     ref: function ref(_ref) {
       return childrenDOMRef && childrenDOMRef(_ref);
     }
-  }, children), labelComponent && (0, _experiments.editorExperiment)('single_column_layouts', true) && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, children), labelComponent && (0, _editorExperiment.editorExperiment)('single_column_layouts', true) && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: resizerLabelStyles
   }, labelComponent));
 };

package/dist/cjs/resizer/useBreakoutGuidelines.js

@@ -9,7 +9,7 @@ exports.useBreakoutGuidelines = useBreakoutGuidelines;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var SNAP_GAP = exports.SNAP_GAP = 8;
 var GUIDELINE_KEYS = {
   lineLength: 'grid',
@@ -42,8 +42,8 @@ function useBreakoutGuidelines(getEditorWidth, isResizing) {
       // But the lineLength variable here is being used like a const 760.
       // when the page is full width, the calculation of wide is wrong.
       // Actuall the wide is the wide breakout point, which is
-      var wide = (0, _experiments.editorExperiment)('single_column_layouts', true) ? _editorSharedStyles.akEditorCalculatedWideLayoutWidth : wideCalWithRatio;
-      var padding = width && width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+      var wide = (0, _editorExperiment.editorExperiment)('single_column_layouts', true) ? _editorSharedStyles.akEditorCalculatedWideLayoutWidth : wideCalWithRatio;
+      var padding = width && width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
         exposure: true
       }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
       var layoutCalculatedWidth = width ? width - (padding + dynamicFullWidthGuidelineOffset) * 2 : undefined;
@@ -53,7 +53,7 @@ function useBreakoutGuidelines(getEditorWidth, isResizing) {
         fullWidth: fullWidth,
         // When page is full width, lineLength from widthState can be much wider than 760.
         // But the lineLength variable here is being used like a const 760.
-        lineLength: (0, _experiments.editorExperiment)('single_column_layouts', true) ? _editorSharedStyles.akEditorDefaultLayoutWidth : lineLength
+        lineLength: (0, _editorExperiment.editorExperiment)('single_column_layouts', true) ? _editorSharedStyles.akEditorDefaultLayoutWidth : lineLength
       };
     }, [widthState, isResizing, dynamicFullWidthGuidelineOffset]),
     lineLength = _useMemo.lineLength,
@@ -62,7 +62,7 @@ function useBreakoutGuidelines(getEditorWidth, isResizing) {
 
   // calculate snapping width
   var defaultSnappingWidths = (0, _react.useMemo)(function () {
-    if (!fullWidth || !wide || !lineLength || fullWidth <= ((0, _experiments.editorExperiment)('single_column_layouts', true) ? _editorSharedStyles.akEditorDefaultLayoutWidth : lineLength)) {
+    if (!fullWidth || !wide || !lineLength || fullWidth <= ((0, _editorExperiment.editorExperiment)('single_column_layouts', true) ? _editorSharedStyles.akEditorDefaultLayoutWidth : lineLength)) {
       return null;
     }
     if (fullWidth - wide > SNAP_GAP) {

package/dist/cjs/selection/getFragmentsFromSelection.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFragmentsFromSelection = void 0;
-var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
+var _toJSON = require("@atlaskit/editor-json-transformer/toJSON");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _nodes = require("../utils/nodes");
 var _contextHelpers = require("./context-helpers");
@@ -30,7 +30,7 @@ var getFragmentsFromSelection = exports.getFragmentsFromSelection = function get
   content.forEach(function (node) {
     fragment.push(sanitizeFragments ? (0, _nodes.nodeToJSON)(node, {
       keepNestedTables: true
-    }) : (0, _editorJsonTransformer.nodeToJSON)(node));
+    }) : (0, _toJSON.toJSON)(node));
   });
   return fragment;
 };

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

@@ -64,7 +64,7 @@ var CaptionComponent = exports.CaptionComponent = /*#__PURE__*/function (_React$
       }, (0, _react2.jsx)(_primitives.Text, null, formatMessage(_messages.messages.placeholder))) : null, children);
     }
   }]);
-}(_react.default.Component); // eslint-disable-next-line @typescript-eslint/ban-types
+}(_react.default.Component); // eslint-disable-next-line @typescript-eslint/no-restricted-types
 var _default_1 = (0, _reactIntl.injectIntl)(CaptionComponent);
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = _default_1;

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

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

@@ -18,7 +18,7 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactDom = require("react-dom");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _utils = require("./utils");
 var _validatePosition = require("./validatePosition");
 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; }
@@ -73,7 +73,7 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
         returnFocusOnDeactivate: false
       };
       var trapConfig = typeof _this.props.focusTrap === 'boolean' ? defaultTrapConfig : _objectSpread(_objectSpread({}, defaultTrapConfig), _this.props.focusTrap);
-      _this.focusTrap = (0, _focusTrap.default)(popup, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) || (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true) ? trapConfig : defaultTrapConfig);
+      _this.focusTrap = (0, _focusTrap.default)(popup, (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) || (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true) ? trapConfig : defaultTrapConfig);
       _this.focusTrap.activate();
     }));
     return _this;

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

@@ -13,7 +13,7 @@ var _react2 = require("@emotion/react");
 var _bindEventListener = require("bind-event-listener");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _uiReact = require("../../ui-react");
 var _Popup = _interopRequireDefault(require("../Popup"));
 var _tableSelector = _interopRequireWildcard(require("./table-selector"));
@@ -180,7 +180,7 @@ var TableSelectorPopup = exports.TableSelectorPopup = function TableSelectorPopu
           maxRow: getMaxRow(prevSize, event.key)
         });
       });
-      if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+      if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
         event.preventDefault();
       }
     }
@@ -225,7 +225,7 @@ var TableSelectorPopup = exports.TableSelectorPopup = function TableSelectorPopu
           maxRow: getMaxRow(prevSize, event.key)
         });
       });
-      if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+      if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
         event.preventDefault();
       }
     }

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

@@ -8,7 +8,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _messages = require("../../messages");
 var _uiReact = require("../../ui-react");
 /**
@@ -63,7 +63,7 @@ var TableSelectorButton = function TableSelectorButton(_ref) {
     if (btnRef.current) {
       if (isFocused) {
         btnRef.current.focus({
-          preventScroll: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? true : undefined
+          preventScroll: (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? true : undefined
         });
       } else {
         btnRef.current.blur();

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

@@ -76,6 +76,6 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
   );
 };
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-restricted-types
 var _default_1 = (0, _reactIntl.injectIntl)(UnsupportedBlockNode);
 var _default = exports.default = _default_1;

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

@@ -70,6 +70,6 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
   }))));
 };
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-restricted-types
 var _default_1 = (0, _reactIntl.injectIntl)(UnsupportedInlineNode);
 var _default = exports.default = _default_1;

package/dist/cjs/ui-color/ColorPalette/index.js

@@ -104,6 +104,6 @@ var ColorPalette = function ColorPalette(props) {
   }));
 };
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-restricted-types
 var _default_1 = (0, _reactIntl.injectIntl)(ColorPalette);
 var _default = exports.default = _default_1;

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -16,7 +16,7 @@ var _button = _interopRequireDefault(require("@atlaskit/button/default/button"))
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _analytics = require("../../analytics");
 var _colorPickerButton = require("../../messages/color-picker-button");
@@ -272,7 +272,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
     ref: buttonRef,
     "aria-label": title,
     "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
-    spacing: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? 'default' : 'compact',
+    spacing: (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? 'default' : 'compact',
     onClick: togglePopup,
     onKeyDown: onKeyDown,
     "data-selected-color": props.currentColor,

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -25,7 +25,7 @@ var _customItem = _interopRequireDefault(require("@atlaskit/menu/custom-item"));
 var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
 var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _styles = require("../../styles");
 var _ToolbarArrowKeyNavigationProvider = require("../../ui-menu/ToolbarArrowKeyNavigationProvider");
@@ -60,7 +60,7 @@ var focusedMenuItemStyle = (0, _react2.css)({
 });
 var buttonStyles = function buttonStyles(isActive, submenuActive) {
   if (isActive) {
-    if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+    if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
       /**
        * Hack for item to imitate old dropdown-menu selected styles
        */

package/dist/cjs/ui-react/with-react-editor-view-outer-listeners.js

@@ -21,7 +21,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _OutsideClickTargetRefContext = require("./OutsideClickTargetRefContext");
 var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
 var _excluded = ["captureClick", "closeOnTab", "handleBackspaceDeleteKeydown", "handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "handleKeyDown"];
@@ -73,7 +73,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       } else if ((evt.code === 'Delete' || evt.code === 'Backspace') && _this.props.handleBackspaceDeleteKeydown) {
         _this.props.handleBackspaceDeleteKeydown(evt);
       }
-      if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+      if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
         exposure: true
       })) {
         var _this$props$handleKey, _this$props;
@@ -87,14 +87,14 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.handleClickOutside) {
-        var options = this.props.captureClick && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? {
+        var options = this.props.captureClick && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? {
           capture: true
         } : false;
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         document.addEventListener('click', this.handleClick, options);
       }
-      if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown || this.props.handleKeyDown && (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+      if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown || this.props.handleKeyDown && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
         exposure: true
       })) {
         var _this$props$editorRef;
@@ -114,14 +114,14 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.props.handleClickOutside) {
-        var options = this.props.captureClick && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? {
+        var options = this.props.captureClick && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? {
           capture: true
         } : false;
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         document.removeEventListener('click', this.handleClick, options);
       }
-      if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown || this.props.handleKeyDown && (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+      if (this.props.handleEscapeKeydown || this.props.handleBackspaceDeleteKeydown || this.props.handleKeyDown && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
         exposure: true
       })) {
         var _this$props$editorRef2;