@atlaskit/editor-core 182.0.3 → 182.1.1

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

@@ -55,7 +55,7 @@ var MEDIA_RESOLVED_STATES = ['ready', 'error', 'cancelled'];
 export var MediaPluginStateImplementation = /*#__PURE__*/function () {
   // @ts-ignore: private is OK
 
-  function MediaPluginStateImplementation(_state, options, mediaOptions, _dispatch) {
+  function MediaPluginStateImplementation(_state, options, mediaOptions, newInsertionBehaviour, _dispatch) {
     var _this = this;
     _classCallCheck(this, MediaPluginStateImplementation);
     _defineProperty(this, "allowsUploads", false);
@@ -223,7 +223,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
         });
       }
       if (isMediaSingle(state.schema, mediaStateWithContext.fileMimeType)) {
-        insertMediaSingleNode(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert);
+        insertMediaSingleNode(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour);
       } else if (getMediaFeatureFlag('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !isInEmptyLine(state) && (!isInsidePotentialEmptyParagraph(state) || isInListItem(state)) && canInsertMediaInline(state)) {
         insertMediaInlineNode(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
       } else {
@@ -422,6 +422,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     });
     this.options = options;
     this.mediaOptions = mediaOptions;
+    this.newInsertionBehaviour = newInsertionBehaviour;
     this.dispatch = _dispatch;
     this.waitForMediaUpload = options.waitForMediaUpload === undefined ? true : options.waitForMediaUpload;
     var nodes = _state.schema.nodes;
@@ -592,13 +593,13 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
 export var getMediaPluginState = function getMediaPluginState(state) {
   return stateKey.getState(state);
 };
-export var createPlugin = function createPlugin(_schema, options, reactContext, getIntl, dispatch, mediaOptions) {
+export var createPlugin = function createPlugin(_schema, options, reactContext, getIntl, dispatch, mediaOptions, newInsertionBehaviour) {
   var intl = getIntl();
   var dropPlaceholder = createDropPlaceholder(intl, mediaOptions && mediaOptions.allowDropzoneDropLine);
   return new SafePlugin({
     state: {
       init: function init(_config, state) {
-        return new MediaPluginStateImplementation(state, options, mediaOptions, dispatch);
+        return new MediaPluginStateImplementation(state, options, mediaOptions, newInsertionBehaviour, dispatch);
       },
       apply: function apply(tr, pluginState) {
         // remap editing media single position if we're in collab

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

@@ -10,7 +10,6 @@ import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { mapSlice } from '../../../utils/slice';
 import { addAnalytics, ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../analytics';
 import { safeInsert, shouldSplitSelectedNodeOnNodeInsertion } from '../../../utils/insert';
-import { getFeatureFlags } from '../../feature-flags-context';
 import { isImage } from './is-image';
 import { atTheBeginningOfBlock } from '../../../utils/prosemirror/position';
 import { getRandomHex } from '@atlaskit/media-common';
@@ -78,7 +77,7 @@ export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, no
   };
   return insertNodesWithOptionalParagraph(nodes, analyticsAttributes)(state, dispatch);
 };
-export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert) {
+export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, newInsertionBehaviour) {
   var _state$selection$$fro;
   if (collection === undefined) {
     return false;
@@ -105,8 +104,6 @@ export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaSta
       inputMethod: inputMethod
     })(state, dispatch);
   } else {
-    var _getFeatureFlags = getFeatureFlags(view.state),
-      newInsertionBehaviour = _getFeatureFlags.newInsertionBehaviour;
     var tr = null;
     if (newInsertionBehaviour) {
       tr = safeInsert(node, state.selection.from)(state.tr);

package/dist/esm/plugins/panel/pm-plugins/keymaps.js

@@ -1,5 +1,5 @@
 import { keymap } from 'prosemirror-keymap';
-import { setTextSelection, findParentNodeOfType } from 'prosemirror-utils';
+import { setTextSelection, findParentNodeOfType, hasParentNodeOfType } from 'prosemirror-utils';
 import { isEmptyNode } from '../../../utils';
 function findParentNode(selection, nodeType) {
   var parentPosition = findParentNodeOfType(nodeType)(selection);
@@ -43,7 +43,8 @@ export function keymapPlugin() {
       var isParentNodeAPanel = parentNodeType === panel;
 
       // Stops merging panels when deleting empty paragraph in between
-      if (isPreviousNodeAPanel && !isParentNodeAPanel || isInsideAnEmptyNode(selection, panel, state.schema) || isInsideAnEmptyNode(selection, blockquote, state.schema)) {
+      // Stops merging blockquotes with panels when deleting from start of blockquote
+      if (isPreviousNodeAPanel && !isParentNodeAPanel || isInsideAnEmptyNode(selection, panel, state.schema) || hasParentNodeOfType(blockquote)(selection)) {
         var content = $from.node($from.depth).content;
         var insertPos = previousPos.pos;
         deleteCurrentItem($from, tr).insert(insertPos, content);

package/dist/esm/plugins/paste/handlers.js

@@ -15,7 +15,7 @@ import uuid from 'uuid/v4';
 import { replaceSelectedTable } from '@atlaskit/editor-tables/utils';
 import { compose, insideTable, isParagraph, isText, isLinkMark, insideTableCell, isInListItem } from '../../utils';
 import { mapSlice } from '../../utils/slice';
-import { INPUT_METHOD } from '../analytics';
+import { ACTION, INPUT_METHOD } from '../analytics';
 import { queueCardsFromChangedTr } from '../card/pm-plugins/doc';
 import { GapCursorSelection, Side } from '../selection/gap-cursor-selection';
 import { linkifyContent } from '../hyperlink/utils';
@@ -104,7 +104,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice) {
       // This maintains both the selection (destination) and the slice (paste content).
       safeInsert(transformedSlice.content)(tr).scrollIntoView();
     }
-    queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
+    queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD, ACTION.PASTED);
     if (dispatch) {
       dispatch(tr);
     }
@@ -362,7 +362,7 @@ export function handlePastePreservingMarks(slice) {
     // special case for plainTextSlice & linkMark: merge into existing link
     if (isPlainTextSlice && linkMark.isInSet(selectionMarks) && selectionMarks.length === 1) {
       var tr = closeHistory(state.tr).replaceSelectionWith(slice.content.firstChild.firstChild, true).setStoredMarks(selectionMarks).scrollIntoView();
-      queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
+      queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD, ACTION.PASTED);
       if (dispatch) {
         dispatch(tr);
       }
@@ -374,7 +374,7 @@ export function handlePastePreservingMarks(slice) {
     if (hasOnlyNodesOfType(bulletList, hardBreak, heading, listItem, paragraph, text, emoji, mention, orderedList)(slice)) {
       var transformedSlice = applyTextMarksToSlice(schema, selectionMarks)(slice);
       var _tr2 = closeHistory(state.tr).replaceSelection(transformedSlice).setStoredMarks(selectionMarks).scrollIntoView();
-      queueCardsFromChangedTr(state, _tr2, INPUT_METHOD.CLIPBOARD);
+      queueCardsFromChangedTr(state, _tr2, INPUT_METHOD.CLIPBOARD, ACTION.PASTED);
       if (dispatch) {
         dispatch(_tr2);
       }
@@ -592,7 +592,7 @@ export function handleMarkdown(markdownSlice, from, to) {
       tr.replaceSelection(markdownSlice);
     }
     tr.setSelection(TextSelection.near(tr.doc.resolve(pastesFrom + markdownSlice.size), -1));
-    queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
+    queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD, ACTION.PASTED);
     if (dispatch) {
       dispatch(tr.scrollIntoView());
     }
@@ -816,7 +816,7 @@ export function handleRichText(slice) {
 
     // queue link cards, ignoring any errors
     if (dispatch) {
-      dispatch(queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD));
+      dispatch(queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD, ACTION.PASTED));
     }
     return true;
   };

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

@@ -1,7 +1,9 @@
 import { createPlugin } from './pm-plugins/main';
-var pastePlugin = function pastePlugin(_ref) {
+var pastePlugin = function pastePlugin(_ref, api) {
+  var _api$dependencies, _api$dependencies$fea;
   var cardOptions = _ref.cardOptions,
     sanitizePrivateContent = _ref.sanitizePrivateContent;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'paste',
     pmPlugins: function pmPlugins() {
@@ -12,7 +14,7 @@ var pastePlugin = function pastePlugin(_ref) {
             providerFactory = _ref2.providerFactory,
             dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
             dispatch = _ref2.dispatch;
-          return createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, sanitizePrivateContent, providerFactory);
+          return createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, cardOptions, sanitizePrivateContent, providerFactory);
         }
       }];
     }

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

@@ -5,9 +5,9 @@ import { Slice, Fragment } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import uuid from 'uuid';
 import { MarkdownTransformer } from '@atlaskit/editor-markdown-transformer';
+import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { mapChildren } from '../../../utils/slice';
 import { getExtensionAutoConvertersFromProvider } from '@atlaskit/editor-common/extensions';
-sendPasteAnalyticsEvent;
 import * as clipboard from '../../../utils/clipboard';
 import { transformSliceForMedia } from '../../media/utils/media-single';
 import { escapeLinks, htmlContainsSingleFile, isPastedFromWord, isPastedFromExcel, htmlHasInvalidLinkTags, removeDuplicateInvalidLinks } from '../util';
@@ -16,7 +16,7 @@ import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
 import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics, handlePastePanelOrDecisionIntoListWithAnalytics, handlePasteNonNestableBlockNodesIntoListWithAnalytics } from './analytics';
-import { analyticsPluginKey, PasteTypes } from '../../analytics';
+import { ACTION, analyticsPluginKey, INPUT_METHOD, PasteTypes } from '../../analytics';
 import { isInsideBlockQuote, insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
 import { transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../../media/utils/media-common';
@@ -33,8 +33,7 @@ import { extractSliceFromStep } from '../../../utils/step';
 import { pluginKey as stateKey, createPluginState } from './plugin-factory';
 export { pluginKey as stateKey } from './plugin-factory';
 export { md } from '../md';
-import { getFeatureFlags } from '../../feature-flags-context';
-export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, sanitizePrivateContent, providerFactory) {
+export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, cardOptions, sanitizePrivateContent, providerFactory) {
   var atlassianMarkDownParser = new MarkdownTransformer(schema, md);
   function getMarkdownSlice(text, openStart, openEnd) {
     var textInput = text;
@@ -201,6 +200,10 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptio
           if (!isPastingTextInsidePlaceholderText && !isPastingTable) {
             tr.setMeta(betterTypePluginKey, true);
           }
+          addLinkMetadata(view.state.selection, tr, {
+            action: isPlainText ? ACTION.PASTED_AS_PLAIN : ACTION.PASTED,
+            inputMethod: INPUT_METHOD.CLIPBOARD
+          });
           view.dispatch(tr);
         };
         slice = handleParagraphBlockMarks(state, slice);
@@ -356,7 +359,6 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptio
           if (handlePasteIntoCaptionWithAnalytics(view, event, slice, PasteTypes.richText)(state, dispatch)) {
             return true;
           }
-          var featureFlags = getFeatureFlags(state);
           if (handlePastePanelOrDecisionIntoListWithAnalytics(view, event, slice)(state, dispatch)) {
             return true;
           }

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

@@ -1,7 +1,7 @@
 import { createHorizontalRule } from './pm-plugins/input-rule';
-export var insertHorizontalRule = function insertHorizontalRule(inputMethod) {
+export var insertHorizontalRule = function insertHorizontalRule(inputMethod, featureFlags) {
   return function (state, dispatch) {
-    var tr = createHorizontalRule(state, state.selection.from, state.selection.to, inputMethod);
+    var tr = createHorizontalRule(state, featureFlags, state.selection.from, state.selection.to, inputMethod);
     if (tr) {
       if (dispatch) {
         dispatch(tr);

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

@@ -5,7 +5,9 @@ import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { IconDivider } from '../quick-insert/assets';
 import inputRulePlugin from './pm-plugins/input-rule';
 import keymapPlugin from './pm-plugins/keymap';
-var rulePlugin = function rulePlugin() {
+var rulePlugin = function rulePlugin(_, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'rule',
     nodes: function nodes() {
@@ -18,14 +20,13 @@ var rulePlugin = function rulePlugin() {
       return [{
         name: 'ruleInputRule',
         plugin: function plugin(_ref) {
-          var schema = _ref.schema,
-            featureFlags = _ref.featureFlags;
+          var schema = _ref.schema;
           return inputRulePlugin(schema, featureFlags);
         }
       }, {
         name: 'ruleKeymap',
         plugin: function plugin() {
-          return keymapPlugin();
+          return keymapPlugin(featureFlags);
         }
       }];
     },

package/dist/esm/plugins/rule/pm-plugins/input-rule.js

@@ -4,15 +4,13 @@ import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules'
 import { safeInsert } from '../../../utils/insert';
 import { hasParentNodeOfType } from 'prosemirror-utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
-import { getFeatureFlags } from '../../feature-flags-context';
-export var createHorizontalRule = function createHorizontalRule(state, start, end, inputMethod) {
+export var createHorizontalRule = function createHorizontalRule(state, featureFlags, start, end, inputMethod) {
   if (!state.selection.empty) {
     return null;
   }
   var tr = null;
   var rule = state.schema.nodes.rule;
-  var _getFeatureFlags = getFeatureFlags(state),
-    newInsertionBehaviour = _getFeatureFlags.newInsertionBehaviour;
+  var newInsertionBehaviour = featureFlags.newInsertionBehaviour;
   if (newInsertionBehaviour) {
     /**
      * This is a workaround to get rid of the typeahead text when using quick insert
@@ -35,19 +33,19 @@ export var createHorizontalRule = function createHorizontalRule(state, start, en
     eventType: EVENT_TYPE.TRACK
   });
 };
-var createHorizontalRuleAutoformat = function createHorizontalRuleAutoformat(state, start, end) {
+var createHorizontalRuleAutoformat = function createHorizontalRuleAutoformat(state, featureFlags, start, end) {
   var listItem = state.schema.nodes.listItem;
   if (hasParentNodeOfType(listItem)(state.selection)) {
     return null;
   }
-  return createHorizontalRule(state, start, end, INPUT_METHOD.FORMATTING);
+  return createHorizontalRule(state, featureFlags, start, end, INPUT_METHOD.FORMATTING);
 };
 export function inputRulePlugin(schema, featureFlags) {
   var rules = [];
   if (schema.nodes.rule) {
     // '---' and '***' for hr
     rules.push(createRule(/^(\-\-\-|\*\*\*)$/, function (state, _match, start, end) {
-      return createHorizontalRuleAutoformat(state, start, end);
+      return createHorizontalRuleAutoformat(state, featureFlags, start, end);
     }));
 
     // '---' and '***' after shift+enter for hr
@@ -56,7 +54,7 @@ export function inputRulePlugin(schema, featureFlags) {
       if (state.doc.resolve(start).nodeAfter.type !== hardBreak) {
         return null;
       }
-      return createHorizontalRuleAutoformat(state, start, end);
+      return createHorizontalRuleAutoformat(state, featureFlags, start, end);
     }));
   }
   if (rules.length !== 0) {

package/dist/esm/plugins/rule/pm-plugins/keymap.js

@@ -2,9 +2,9 @@ import { keymap } from 'prosemirror-keymap';
 import * as keymaps from '../../../keymaps';
 import { INPUT_METHOD } from '../../analytics';
 import { insertHorizontalRule } from '../commands';
-export function keymapPlugin() {
+export function keymapPlugin(featureFlags) {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.insertRule.common, insertHorizontalRule(INPUT_METHOD.SHORTCUT), list);
+  keymaps.bindKeymapWithCommand(keymaps.insertRule.common, insertHorizontalRule(INPUT_METHOD.SHORTCUT, featureFlags), list);
   keymaps.bindKeymapWithCommand(keymaps.escape.common, function () {
     return true;
   }, list);

package/dist/esm/plugins/text-color/index.js

@@ -9,7 +9,9 @@ var pluginConfig = function pluginConfig(textColorConfig) {
   }
   return textColorConfig;
 };
-var textColorPlugin = function textColorPlugin(textColorConfig) {
+var textColorPlugin = function textColorPlugin(textColorConfig, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
     name: 'textColor',
     marks: function marks() {
@@ -49,7 +51,8 @@ var textColorPlugin = function textColorPlugin(textColorConfig) {
             popupsBoundariesElement: popupsBoundariesElement,
             popupsScrollableElement: popupsScrollableElement,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            disabled: disabled
+            disabled: disabled,
+            featureFlags: featureFlags
           });
         }
       });

package/dist/esm/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -26,7 +26,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../
 import * as commands from '../../commands/change-color';
 import { EditorTextColorIcon } from './icon';
 import { backgroundDisabled, textColorIconBar, textColorIconWrapper } from './styles';
-import { getFeatureFlags } from '../../../feature-flags-context/get-feature-flags';
 var EXPERIMENT_NAME = 'editor.toolbarTextColor.moreColors';
 var EXPERIMENT_GROUP_CONTROL = 'control';
 export var messages = defineMessages({
@@ -158,11 +157,11 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         isReducedSpacing = _this$props.isReducedSpacing,
         pluginState = _this$props.pluginState,
         formatMessage = _this$props.intl.formatMessage,
-        disabled = _this$props.disabled;
+        disabled = _this$props.disabled,
+        featureFlags = _this$props.featureFlags;
       var labelTextColor = formatMessage(messages.textColor);
       var palette = pluginState.palette;
-      var _getFeatureFlags = getFeatureFlags(this.props.editorView.state),
-        useSomewhatSemanticTextColorNames = _getFeatureFlags.useSomewhatSemanticTextColorNames;
+      var useSomewhatSemanticTextColorNames = featureFlags.useSomewhatSemanticTextColorNames;
       var fitWidth;
       if (document.body.clientWidth <= 740) {
         // This was originally hard-coded, but moved here to a const

package/dist/esm/plugins/text-formatting/ui/Toolbar/toolbar-messages.js

@@ -74,5 +74,15 @@ export var toolbarMessages = defineMessages({
     id: 'fabric.editor.text.formatting.off',
     defaultMessage: 'Text formatting Off',
     description: 'Reports that text formatting has been turned off'
+  },
+  navigateToEditorToolbar: {
+    id: 'fabric.editor.navigate.toolbar.editor',
+    defaultMessage: 'Navigate to editor toolbar',
+    description: 'Navigate to the main editor toolbar.'
+  },
+  navigateToFloatingToolbar: {
+    id: 'fabric.editor.navigate.toolbar.floating',
+    defaultMessage: 'Navigate to floating toolbar',
+    description: 'Navigate to a floating toolbar for relevant nodes (e.g. tables or panels).'
   }
 });

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

@@ -98,6 +98,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
           editorView === null || editorView === void 0 ? void 0 : editorView.focus();
         }
+        event.preventDefault();
+        event.stopPropagation();
       };
       return jsx(WithFlash, {
         animate: maxContentSizeReached

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

@@ -16,7 +16,6 @@ import { fullPageEditorWrapper } from './StyledComponents';
 import { ContextPanelWidthProvider } from '../../ContextPanel/context';
 import { FullPageContentArea } from './FullPageContentArea';
 import { FullPageToolbar } from './FullPageToolbar';
-import { getFeatureFlags } from '../../../plugins/feature-flags-context';
 export var FullPageEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(FullPageEditor, _React$Component);
   var _super = _createSuper(FullPageEditor);
@@ -63,6 +62,7 @@ export var FullPageEditor = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "handleResize", function () {
       _this.updateToolbarKeyline();
     });
+    _this.featureFlags = props.featureFlags;
     if (props.innerRef) {
       _this.wrapperElementRef = props.innerRef;
     }
@@ -82,10 +82,8 @@ export var FullPageEditor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _props$editorView;
       var props = this.props;
       var showKeyline = this.state.showKeyline;
-      var featureFlags = (_props$editorView = props.editorView) !== null && _props$editorView !== void 0 && _props$editorView.state ? getFeatureFlags(props.editorView.state) : undefined;
       return jsx(ContextPanelWidthProvider, null, jsx("div", {
         css: fullPageEditorWrapper,
         className: "akEditor",
@@ -109,7 +107,7 @@ export var FullPageEditor = /*#__PURE__*/function (_React$Component) {
         primaryToolbarComponents: props.primaryToolbarComponents,
         providerFactory: props.providerFactory,
         showKeyline: showKeyline,
-        featureFlags: featureFlags
+        featureFlags: this.featureFlags
       }), jsx(FullPageContentArea, {
         appearance: props.appearance,
         contentArea: this.contentArea,

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

@@ -80,6 +80,8 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
       var _props$editorView2;
       (_props$editorView2 = props.editorView) === null || _props$editorView2 === void 0 ? void 0 : _props$editorView2.focus();
     }
+    event.preventDefault();
+    event.stopPropagation();
   };
   return jsx(ContextPanelConsumer, null, function (_ref) {
     var _props$featureFlags8, _props$featureFlags9, _props$featureFlags10;

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

@@ -1,3 +1,3 @@
-import { ColorPalette, backgroundPaletteTooltipMessages, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
-export { ColorPalette, backgroundPaletteTooltipMessages, textPaletteTooltipMessages };
+import { ColorPalette, backgroundPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
+export { ColorPalette, backgroundPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages };
 export default ColorPalette;

package/dist/esm/ui/ConfigPanel/ConfigPanel.js

@@ -45,7 +45,8 @@ function ConfigForm(_ref) {
     onFieldChange = _ref.onFieldChange,
     parameters = _ref.parameters,
     submitting = _ref.submitting,
-    contextIdentifierProvider = _ref.contextIdentifierProvider;
+    contextIdentifierProvider = _ref.contextIdentifierProvider,
+    featureFlags = _ref.featureFlags;
   useEffect(function () {
     if (fields) {
       var firstDuplicateField = findDuplicateFields(fields);
@@ -68,7 +69,8 @@ function ConfigForm(_ref) {
     extensionManifest: extensionManifest,
     onFieldChange: onFieldChange,
     firstVisibleFieldName: firstVisibleFieldName,
-    contextIdentifierProvider: contextIdentifierProvider
+    contextIdentifierProvider: contextIdentifierProvider,
+    featureFlags: featureFlags
   }), /*#__PURE__*/React.createElement("div", {
     style: canSave ? {} : {
       display: 'none'
@@ -383,16 +385,18 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var extensionManifest = this.props.extensionManifest;
+      var _this$props6 = this.props,
+        extensionManifest = _this$props6.extensionManifest,
+        featureFlags = _this$props6.featureFlags;
       if (!extensionManifest) {
         return /*#__PURE__*/React.createElement(LoadingState, null);
       }
-      var _this$props6 = this.props,
-        autoSave = _this$props6.autoSave,
-        errorMessage = _this$props6.errorMessage,
-        fields = _this$props6.fields,
-        isLoading = _this$props6.isLoading,
-        onCancel = _this$props6.onCancel;
+      var _this$props7 = this.props,
+        autoSave = _this$props7.autoSave,
+        errorMessage = _this$props7.errorMessage,
+        fields = _this$props7.fields,
+        isLoading = _this$props7.isLoading,
+        onCancel = _this$props7.onCancel;
       var _this$state = this.state,
         currentParameters = _this$state.currentParameters,
         hasParsedParameters = _this$state.hasParsedParameters,
@@ -437,7 +441,8 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
                 onFieldChange: onFieldChange,
                 parameters: currentParameters,
                 submitting: submitting,
-                contextIdentifierProvider: extension === null || extension === void 0 ? void 0 : extension.contextIdentifierProvider
+                contextIdentifierProvider: extension === null || extension === void 0 ? void 0 : extension.contextIdentifierProvider,
+                featureFlags: featureFlags
               }));
             }
           }));

package/dist/esm/ui/ConfigPanel/ConfigPanelFieldsLoader.js

@@ -75,6 +75,7 @@ export default function FieldsLoader(_ref) {
     autoSaveReject = _ref.autoSaveReject,
     closeOnEsc = _ref.closeOnEsc,
     showHeader = _ref.showHeader,
+    featureFlags = _ref.featureFlags,
     onChange = _ref.onChange,
     onCancel = _ref.onCancel;
   var _useStateFromPromise = useStateFromPromise(function () {
@@ -104,7 +105,8 @@ export default function FieldsLoader(_ref) {
       showHeader: showHeader,
       onChange: onChange,
       onCancel: onCancel,
-      errorMessage: errorMessage
+      errorMessage: errorMessage,
+      featureFlags: featureFlags
     });
   });
 }