@atlaskit/editor-core 185.1.6 → 185.2.2

package/dist/esm/plugins/hyperlink/Toolbar.js

@@ -13,10 +13,10 @@ import OpenIcon from '@atlaskit/icon/glyph/shortcut';
 import { normalizeUrl } from '@atlaskit/editor-common/utils';
 import { linkToolbarMessages as linkToolbarCommonMessages, linkMessages } from '../../messages';
 import { isSafeUrl } from '@atlaskit/adf-schema';
-import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../ui/LinkSearch/ToolbarComponents';
+import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
-import { addAnalytics, ACTION_SUBJECT_ID, ACTION, INPUT_METHOD } from '../analytics';
-import { buildVisitedLinkPayload, buildOpenedSettingsPayload } from '../../utils/linking-utils';
+import { ACTION_SUBJECT_ID, ACTION, INPUT_METHOD, buildVisitedLinkPayload, buildOpenedSettingsPayload } from '@atlaskit/editor-common/analytics';
+import { addAnalytics } from '../analytics';
 /* type guard for edit links */
 function isEditLink(linkMark) {
   return linkMark.pos !== undefined;

package/dist/esm/plugins/hyperlink/commands.js

@@ -7,9 +7,8 @@ import { stateKey, LinkAction } from './pm-plugins/main';
 import { Selection } from 'prosemirror-state';
 import { filter } from '../../utils/commands';
 import { addAnalytics, withAnalytics } from '../analytics';
-import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID, buildEditLinkPayload, unlinkPayload } from '@atlaskit/editor-common/analytics';
 import { queueCardsFromChangedTr } from '../card/pm-plugins/doc';
-import { buildEditLinkPayload, unlinkPayload } from '../../utils/linking-utils';
 export function isTextAtPos(pos) {
   return function (state) {
     var node = state.doc.nodeAt(pos);

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -9,7 +9,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import HyperlinkAddToolbarComp from './HyperlinkAddToolbar';
-import { INPUT_METHOD } from '../../../analytics/types';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { stateKey as pluginKey } from '../../pm-plugins/main';
 import WithPluginState from '../../../../ui/WithPluginState';
 import { EditorLinkPicker } from '../EditorLinkPicker';

package/dist/esm/plugins/layout/actions.js

@@ -5,7 +5,7 @@ import { safeInsert } from 'prosemirror-utils';
 import { Fragment, Slice } from 'prosemirror-model';
 import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { flatmap, mapChildren } from '../../utils/slice';
-import { getStepRange, isEmptyDocument } from '../../utils';
+import { getStepRange, isEmptyDocument } from '@atlaskit/editor-common/utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics/types/enums';
 import { addAnalytics, withAnalytics } from '../analytics/utils';
 import { LAYOUT_TYPE } from '../analytics/types/node-events';

package/dist/esm/plugins/media/nodeviews/mediaSingle.js

@@ -27,7 +27,7 @@ import { MediaNodeUpdater } from './mediaNodeUpdater';
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { figureWrapper, MediaSingleNodeSelector } from './styles';
-import { floatingLayouts, isRichMediaInsideOfBlockNode } from '../../../utils/rich-media-utils';
+import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-common/utils';
 import { getAttrsFromUrl } from '@atlaskit/media-client';
 import { isMediaBlobUrlFromAttrs } from '../utils/media-common';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';

package/dist/esm/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -24,7 +24,7 @@ import { ToolTipContent } from '../../../../../keymaps';
 import { closeMediaAltTextMenu, updateAltText } from '../commands';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, ACTION } from '@atlaskit/editor-common/analytics';
-import { RECENT_SEARCH_WIDTH_IN_PX } from '../../../../../ui/LinkSearch/ToolbarComponents';
+import { RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { ErrorMessage } from '@atlaskit/editor-common/ui';
 export var CONTAINER_WIDTH_IN_PX = RECENT_SEARCH_WIDTH_IN_PX;

package/dist/esm/plugins/media/toolbar/index.js

@@ -11,7 +11,7 @@ import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
 import commonMessages from '../../../messages';
 import { stateKey } from '../pm-plugins/plugin-key';
 import { getLinkingToolbar, shouldShowMediaLinkToolbar } from './linking';
-import buildLayoutButtons from '../../../ui/MediaAndEmbedsToolbar';
+import { buildLayoutButtons } from '@atlaskit/editor-common/card';
 import { getMediaLinkingState } from '../pm-plugins/linking';
 import { getPluginState as getMediaAltTextPluginState } from '../pm-plugins/alt-text';
 import { altTextButton, getAltTextToolbar } from './alt-text';
@@ -187,7 +187,7 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
   return items;
 };
 var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToolbar(state, intl, options, pluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags) {
-  var _pluginInjectionApi$d2;
+  var _pluginInjectionApi$d3;
   var mediaSingle = state.schema.nodes.mediaSingle;
   var allowResizing = options.allowResizing,
     allowLinking = options.allowLinking,
@@ -224,7 +224,8 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     });
   }
   if (allowAdvancedToolBarOptions) {
-    toolbarButtons = [].concat(_toConsumableArray(toolbarButtons), _toConsumableArray(buildLayoutButtons(state, intl, state.schema.nodes.mediaSingle, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width, allowResizing, allowResizingInTables)));
+    var _pluginInjectionApi$d;
+    toolbarButtons = [].concat(_toConsumableArray(toolbarButtons), _toConsumableArray(buildLayoutButtons(state, intl, state.schema.nodes.mediaSingle, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions, allowResizing, allowResizingInTables)));
     if (toolbarButtons.length) {
       toolbarButtons.push({
         type: 'separator'
@@ -245,10 +246,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             };
             var openLink = function openLink() {
               if (editorView) {
-                var _pluginInjectionApi$d;
+                var _pluginInjectionApi$d2;
                 var tr = editorView.state.tr,
                   dispatch = editorView.dispatch;
-                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.attachAnalyticsEvent({
+                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.attachAnalyticsEvent({
                   eventType: EVENT_TYPE.TRACK,
                   action: ACTION.VISITED,
                   actionSubject: ACTION_SUBJECT.MEDIA,
@@ -278,7 +279,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
       type: 'separator'
     });
   }
-  var _ref = (_pluginInjectionApi$d2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d2 !== void 0 ? _pluginInjectionApi$d2 : {},
+  var _ref = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
     hoverDecoration = _ref.hoverDecoration;
   var removeButton = {
     id: 'editor.media.delete',
@@ -307,7 +308,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
   return items;
 };
 export var floatingToolbar = function floatingToolbar(state, intl) {
-  var _pluginInjectionApi$d3;
+  var _pluginInjectionApi$d4;
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var pluginInjectionApi = arguments.length > 3 ? arguments[3] : undefined;
   var _state$schema$nodes = state.schema.nodes,
@@ -323,7 +324,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     getEditorFeatureFlags = options.getEditorFeatureFlags;
   var mediaPluginState = stateKey.getState(state);
   var mediaLinkingState = getMediaLinkingState(state);
-  var _ref2 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
+  var _ref2 = (_pluginInjectionApi$d4 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d4 !== void 0 ? _pluginInjectionApi$d4 : {},
     hoverDecoration = _ref2.hoverDecoration;
   if (!mediaPluginState) {
     return;

package/dist/esm/plugins/media/toolbar/linking-toolbar-appearance.js

@@ -10,7 +10,8 @@ import { isSafeUrl } from '@atlaskit/adf-schema';
 import { checkMediaType } from '../utils/check-media-type';
 import { FloatingToolbarButton as ToolbarButton } from '@atlaskit/editor-common/ui';
 import Separator from '../../floating-toolbar/ui/Separator';
-import { linkToolbarMessages, linkMessages } from '../../../messages';
+import { linkMessages } from '../../../messages';
+import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
 import { ToolTipContent, addLink } from '../../../keymaps';
 import { stateKey } from '../pm-plugins/plugin-key';
 import { currentMediaNode } from '../utils/current-media-node';

package/dist/esm/plugins/media/toolbar/linking.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { hideLinkingToolbar, setUrlToMedia, unlink } from '../commands/linking';
 import { getMediaLinkingState } from '../pm-plugins/linking';
 import MediaLinkingToolbar from '../ui/MediaLinkingToolbar';
-import { RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../../ui/LinkSearch/ToolbarComponents';
+import { RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 import { forceFocusSelector } from '../../floating-toolbar/pm-plugins/force-focus';
 var FORCE_FOCUS_SELECTOR = '[data-testid="add-link-button"],[data-testid="edit-link-button"]';
 export function shouldShowMediaLinkToolbar(editorState) {

package/dist/esm/plugins/media/ui/MediaLinkingToolbar.js

@@ -22,7 +22,7 @@ import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import Separator from '../../floating-toolbar/ui/Separator';
 import { container, containerWithProvider, inputWrapper } from '../../../ui/LinkSearch/ToolbarComponents';
 import RecentSearch from '../../../ui/LinkSearch';
-import { linkToolbarMessages } from '../../../messages';
+import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
 import { normalizeUrl } from '@atlaskit/editor-common/utils';
 import { R400 } from '@atlaskit/theme/colors';
 import { INPUT_METHOD } from '../../analytics/types/enums';

package/dist/esm/plugins/media/ui/ResizableMediaSingle/index.js

@@ -18,10 +18,8 @@ import { getMediaClient } from '@atlaskit/media-client';
 import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts } from '@atlaskit/editor-common/ui';
 import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { wrapperStyle } from './styled';
-import Resizer from '../../../../ui/Resizer';
-import { snapTo, handleSides, imageAlignmentMap } from '../../../../ui/Resizer/utils';
-import { calcMediaPxWidth } from '@atlaskit/editor-common/ui';
-import { calculateSnapPoints } from '../../../../utils/rich-media-utils';
+import { Resizer, calcMediaPxWidth, snapTo, handleSides, imageAlignmentMap } from '@atlaskit/editor-common/ui';
+import { calculateSnapPoints } from '@atlaskit/editor-common/utils';
 var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingle, _React$Component);
   var _super = _createSuper(ResizableMediaSingle);

package/dist/esm/plugins/media/utils/media-files.js

@@ -1,10 +1,11 @@
 import { Fragment } from 'prosemirror-model';
-import { setNodeSelection, setTextSelection, insideTableCell, isInListItem, findFarthestParentNode, isInLayoutColumn } from '../../../utils';
+import { setNodeSelection, setTextSelection, insideTableCell, isInListItem, findFarthestParentNode } from '../../../utils';
+import { isInLayoutColumn, isSupportedInParent } from '@atlaskit/editor-common/utils';
 import { posOfPrecedingMediaGroup, posOfMediaGroupNearby, posOfParentMediaGroup, isSelectionNonMediaBlockNode, isInsidePotentialEmptyParagraph, copyOptionalAttrsFromMediaState } from './media-common';
 import { canInsert, safeInsert, hasParentNode } from 'prosemirror-utils';
 import { atTheBeginningOfBlock, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, startPositionOfParent } from '../../../utils/prosemirror/position';
-import { isSupportedInParent } from '../../../utils/nodes';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, addAnalytics } from '../../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { addAnalytics } from '../../analytics';
 export var canInsertMediaInline = function canInsertMediaInline(state) {
   var node = state.schema.nodes.mediaInline.create({});
   return canInsert(state.selection.$to, Fragment.from(node));

package/dist/esm/plugins/mentions/pm-plugins/main.js

@@ -3,7 +3,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { SLI_EVENT_TYPE, SMART_EVENT_TYPE, buildSliPayload } from '@atlaskit/mention/resource';
-import { getInlineNodeViewProducer } from '../../../nodeviews/getInlineNodeViewProducer';
+import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { MentionNodeView } from '../nodeviews/mention';
 import { mentionPluginKey } from './key';
 var ACTIONS = {

package/dist/esm/plugins/placeholder/index.js

@@ -2,7 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { browser } from '@atlaskit/editor-common/utils';
 import { PluginKey } from 'prosemirror-state';
 import { DecorationSet, Decoration } from 'prosemirror-view';
-import { isEmptyDocument, bracketTyped } from '../../utils/document';
+import { isEmptyDocument, bracketTyped } from '@atlaskit/editor-common/utils';
 export var pluginKey = new PluginKey('placeholderPlugin');
 import { focusStateKey } from '../base/pm-plugins/focus-handler';
 import { isTypeAheadOpen } from '../type-ahead/utils';

package/dist/esm/plugins/status/plugin.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { NodeSelection, TextSelection } from 'prosemirror-state';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
-import { getInlineNodeViewProducer } from '../../nodeviews/getInlineNodeViewProducer';
+import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { StatusNodeView } from './nodeviews/status';
 import { pluginKey } from './plugin-key';
 import { isEmptyStatus, mayGetStatusAtSelection } from './utils';

package/dist/esm/plugins/unsupported-content/index.js

@@ -4,7 +4,7 @@ import { confluenceUnsupportedBlock, confluenceUnsupportedInline, unsupportedBlo
 import { UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { UnsupportedInlineNodeView } from './unsupported-inline-node-view';
 import { ReactNodeView } from '../../nodeviews';
-import { getInlineNodeViewProducer } from '../../nodeviews/getInlineNodeViewProducer';
+import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 export var pluginKey = new PluginKey('unsupportedContentPlugin');
 var createPlugin = function createPlugin(pmPluginFactoryParams) {
   var hasIntlContext = true;

package/dist/esm/ui/Appearance/Chromeless.js

@@ -51,7 +51,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         popupsScrollableElement = _this$props.popupsScrollableElement,
         disabled = _this$props.disabled,
         dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
-        pluginHooks = _this$props.pluginHooks;
+        pluginHooks = _this$props.pluginHooks,
+        featureFlags = _this$props.featureFlags;
       var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
       return jsx(WithFlash, {
         animate: maxContentSizeReached
@@ -62,7 +63,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           return _this.containerElement = _ref2;
         }
       }, jsx(ContentArea, {
-        className: "ak-editor-content-area"
+        className: "ak-editor-content-area",
+        featureFlags: featureFlags
       }, customContentComponents, jsx(PluginSlot, {
         editorView: editorView,
         editorActions: editorActions,

package/dist/esm/ui/Appearance/Comment/Comment.js

@@ -86,7 +86,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
         intl = _this$props.intl,
         useStickyToolbar = _this$props.useStickyToolbar,
-        pluginHooks = _this$props.pluginHooks;
+        pluginHooks = _this$props.pluginHooks,
+        featureFlags = _this$props.featureFlags;
       var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
       var showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
       var isShortcutToFocusToolbar = function isShortcutToFocusToolbar(event) {
@@ -143,7 +144,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           css: maxHeight ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                            max-height: ", "px;\n                          "])), maxHeight) : null,
           className: classnames('ak-editor-content-area', {
             'less-margin': width < akEditorMobileBreakoutPoint
-          })
+          }),
+          featureFlags: featureFlags
         }, customContentComponents, jsx(PluginSlot, {
           editorView: editorView,
           editorActions: editorActions,

package/dist/esm/ui/Appearance/FullPage/FullPage.js

@@ -127,7 +127,8 @@ export var FullPageEditor = /*#__PURE__*/function (_React$Component) {
         scrollContainer: this.scrollContainer,
         scrollContainerRef: this.scrollContainerRef,
         wrapperElement: this.wrapperElementRef.current,
-        pluginHooks: props.pluginHooks
+        pluginHooks: props.pluginHooks,
+        featureFlags: this.featureFlags
       })));
     }
   }]);

package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js

@@ -22,7 +22,8 @@ var Content = /*#__PURE__*/React.memo(function (props) {
         "data-testid": CONTENT_AREA_TEST_ID
       }, jsx(ScrollContainer, {
         ref: props.scrollContainerRef,
-        className: "fabric-editor-popup-scroll-parent"
+        className: "fabric-editor-popup-scroll-parent",
+        featureFlags: props.featureFlags
       }, jsx(ClickAreaBlock, {
         editorView: props.editorView,
         editorDisabled: props.disabled

package/dist/esm/ui/Appearance/Mobile.js

@@ -18,13 +18,15 @@ export default function Mobile(_ref) {
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsScrollableElement = _ref.popupsScrollableElement,
     innerRef = _ref.innerRef,
-    pluginHooks = _ref.pluginHooks;
+    pluginHooks = _ref.pluginHooks,
+    featureFlags = _ref.featureFlags;
   return /*#__PURE__*/React.createElement(MobileAppearance, {
     ref: innerRef,
     editorView: editorView || null,
     maxHeight: maxHeight,
     persistScrollGutter: persistScrollGutter,
-    editorDisabled: disabled
+    editorDisabled: disabled,
+    featureFlags: featureFlags
   }, editorDOMElement, /*#__PURE__*/React.createElement(PluginSlot, {
     editorView: editorView,
     editorActions: editorActions,

package/dist/esm/ui/AppearanceComponents/Mobile.js

@@ -16,7 +16,8 @@ export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(
   var editorView = _ref.editorView,
     persistScrollGutter = _ref.persistScrollGutter,
     children = _ref.children,
-    editorDisabled = _ref.editorDisabled;
+    editorDisabled = _ref.editorDisabled,
+    featureFlags = _ref.featureFlags;
   var render = useCallback(function (_ref2) {
     var maxContentSize = _ref2.maxContentSize,
       mobileDimensions = _ref2.mobileDimensions;
@@ -57,10 +58,12 @@ export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(
       persistScrollGutter: persistScrollGutter,
       isExpanded: currentIsExpanded,
       editorDisabled: editorDisabled
-    }, jsx(ContentArea, null, jsx("div", {
+    }, jsx(ContentArea, {
+      featureFlags: featureFlags
+    }, jsx("div", {
       className: "ak-editor-content-area"
     }, children)))));
-  }, [children, editorView, persistScrollGutter, editorDisabled, ref]);
+  }, [children, editorView, persistScrollGutter, editorDisabled, ref, featureFlags]);
   return jsx(WithPluginState, {
     plugins: {
       maxContentSize: maxContentSizePluginKey,

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

@@ -41,13 +41,15 @@ var contentStyles = function contentStyles(props) {
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var className = props.className,
-      children = props.children;
+      children = props.children,
+      featureFlags = props.featureFlags;
     var theme = useTheme();
     var memoizedStyle = useMemo(function () {
       return contentStyles({
-        theme: theme
+        theme: theme,
+        featureFlags: featureFlags
       });
-    }, [theme]);
+    }, [theme, featureFlags]);
     return jsx("div", {
       className: className,
       ref: ref,

package/dist/esm/ui/LinkSearch/ToolbarComponents.js

@@ -1,10 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
-export var RECENT_SEARCH_WIDTH_IN_PX = 420;
-export var RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = 360;
-export var RECENT_SEARCH_HEIGHT_IN_PX = 360;
-export var LINKPICKER_HEIGHT_IN_PX = 570;
+import { RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '@atlaskit/editor-common/ui';
 export var inputWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  line-height: 0;\n  padding: 5px 0;\n  align-items: center;\n"])));
 export var container = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  padding: 0;\n\n  width: ", "px;\n  line-height: initial;\n"])), RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX);
 export var containerWithProvider = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), RECENT_SEARCH_WIDTH_IN_PX);