@atlaskit/editor-core 153.1.3 → 155.0.0

package/dist/es2019/plugins/expand/ui/ExpandIconButton.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, forwardRef } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import { expandMessages, ExpandLayoutWrapper } from '@atlaskit/editor-common';
+import { expandMessages, ExpandLayoutWrapper } from '@atlaskit/editor-common/ui';
 import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
 import Tooltip from '@atlaskit/tooltip';

package/dist/es2019/plugins/expand/ui/styles.js

@@ -2,7 +2,7 @@ import { css } from 'styled-components';
 import { themed } from '@atlaskit/theme/components';
 import { gridSize } from '@atlaskit/theme/constants';
 import { R50, R300, N40A, N50A, N80A, DN50, R200 } from '@atlaskit/theme/colors';
-import { sharedExpandStyles } from '@atlaskit/editor-common';
+import { sharedExpandStyles } from '@atlaskit/editor-common/ui';
 import { SelectionStyle, getSelectionStyles, akLayoutGutterOffset, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { BreakoutCssClassName } from '../../breakout/constants';
 import { expandClassNames } from './class-names';

package/dist/es2019/plugins/extension/commands.js

@@ -49,9 +49,11 @@ export const updateExtensionLayout = layout => createCommand({
   const selectedExtension = getSelectedExtension(state, true);
 
   if (selectedExtension) {
-    return tr.setNodeMarkup(selectedExtension.pos, undefined, { ...selectedExtension.node.attrs,
+    const trWithNewNodeMarkup = tr.setNodeMarkup(selectedExtension.pos, undefined, { ...selectedExtension.node.attrs,
       layout
     });
+    trWithNewNodeMarkup.setMeta('scrollIntoView', false);
+    return trWithNewNodeMarkup;
   }
 
   return tr;

package/dist/es2019/plugins/extension/extension-api.js

@@ -41,33 +41,50 @@ const extensionAPICallPayload = functionName => ({
 });
 
 export const createExtensionAPI = options => {
-  const doc = {
-    insertAfter: (localId, adf, opt) => {
-      const {
-        editorView
-      } = options;
-      const {
-        dispatch
-      } = editorView; // Be extra cautious since 3rd party devs can use regular JS without type safety
-
-      if (typeof localId !== 'string' || localId === '') {
-        throw new Error(`insertAfter(): Invalid localId '${localId}'.`);
+  /**
+   * Finds the node and its position by `localId`. Throws if the node could not be found.
+   *
+   * @returns {NodeWithPos}
+   */
+  const ensureNodePosByLocalId = (localId, {
+    opName
+  }) => {
+    // Be extra cautious since 3rd party devs can use regular JS without type safety
+    if (typeof localId !== 'string' || localId === '') {
+      throw new Error(`${opName}(): Invalid localId '${localId}'.`);
+    } // Find the node + position matching the given ID
+
+
+    const {
+      editorView: {
+        state
       }
+    } = options;
+    const nodePos = findNodePosWithLocalId(state, localId);
 
+    if (!nodePos) {
+      throw new Error(`${opName}(): Could not find node with ID '${localId}'.`);
+    }
+
+    return nodePos;
+  };
+
+  const doc = {
+    insertAfter: (localId, adf, opt) => {
       if (typeof adf !== 'object' || Array.isArray(adf)) {
         throw new Error(`insertAfter(): Invalid ADF given.`);
-      } // Find the node + position matching the given ID
-
+      }
 
+      const nodePos = ensureNodePosByLocalId(localId, {
+        opName: 'insertAfter'
+      });
+      const {
+        editorView
+      } = options;
       const {
+        dispatch,
         state
-      } = editorView;
-      const nodePos = findNodePosWithLocalId(state, localId);
-
-      if (!nodePos) {
-        throw new Error(`insertAfter(): Could not find node with ID '${localId}'.`);
-      } // Validate the given ADF
-
+      } = editorView; // Validate the given ADF
 
       const {
         tr,
@@ -139,35 +156,91 @@ export const createExtensionAPI = options => {
       dispatch(tr);
     },
     scrollTo: localId => {
+      const nodePos = ensureNodePosByLocalId(localId, {
+        opName: 'scrollTo'
+      }); // Analytics - tracking the api call
+
+      const apiCallPayload = extensionAPICallPayload('scrollTo');
       const {
-        editorView
+        editorView: {
+          dispatch,
+          state
+        }
+      } = options;
+      let {
+        tr
+      } = state;
+      tr = addAnalytics(state, tr, apiCallPayload);
+      tr = setTextSelection(nodePos.pos)(tr);
+      tr = tr.scrollIntoView();
+      dispatch(tr);
+    },
+    update: (localId, mutationCallback) => {
+      var _changedValues$marks;
+
+      const {
+        node,
+        pos
+      } = ensureNodePosByLocalId(localId, {
+        opName: 'update'
+      });
+      const {
+        editorView: {
+          dispatch,
+          state
+        }
       } = options;
       const {
-        dispatch
-      } = editorView; // Be extra cautious since 3rd party devs can use regular JS without type safety
+        tr,
+        schema
+      } = state;
+      const changedValues = mutationCallback({
+        attrs: node.attrs,
+        marks: node.marks.map(pmMark => ({
+          type: pmMark.type.name,
+          attrs: pmMark.attrs
+        }))
+      });
 
-      if (typeof localId !== 'string' || localId === '') {
-        throw new Error(`scrollTo(): Invalid localId '${localId}'.`);
-      } // Find the node + position matching the given ID
+      const ensureValidMark = mark => {
+        if (typeof mark !== 'object' || Array.isArray(mark)) {
+          throw new Error(`update(): Invalid mark given.`);
+        } // Ensure that the given mark is present in the schema
 
 
-      const {
-        state
-      } = editorView;
-      const nodePos = findNodePosWithLocalId(state, localId);
+        const markType = schema.marks[mark.type];
 
-      if (!nodePos) {
-        throw new Error(`scrollTo(): Could not find node with ID '${localId}'.`);
-      } // Analytics - tracking the api call
+        if (!markType) {
+          throw new Error(`update(): Invalid ADF mark type '${mark.type}'.`);
+        }
 
+        if (!node.type.allowsMarkType(markType)) {
+          throw new Error(`update(): Node of type '${node.type.name}' does not allow marks of type '${mark.type}'.`);
+        }
 
-      const apiCallPayload = extensionAPICallPayload('scrollTo');
-      let {
-        tr
-      } = state;
-      tr = addAnalytics(state, tr, apiCallPayload);
-      tr = setTextSelection(nodePos.pos)(tr);
-      tr = tr.scrollIntoView();
+        return {
+          mark: markType,
+          attrs: mark.attrs
+        };
+      };
+
+      const newMarks = (_changedValues$marks = changedValues.marks) === null || _changedValues$marks === void 0 ? void 0 : _changedValues$marks.map(ensureValidMark).map(({
+        mark,
+        attrs
+      }) => mark.create(attrs)); // Validate if the new attributes result in a valid node.
+      // We're doing this by relying on `createChecked`, which validates attributes,
+      // and if we don't exit - we assume validity.
+
+      try {
+        node.type.createChecked(changedValues.attrs, node.content, newMarks);
+      } catch (err) {
+        throw new Error(`update(): The given ADFEntity cannot be inserted in the current position.\n${err}`);
+      }
+
+      tr.setNodeMarkup(pos, undefined, changedValues.attrs, newMarks); // Analytics - tracking the api call
+
+      const apiCallPayload = extensionAPICallPayload('update');
+      addAnalytics(state, tr, apiCallPayload);
       dispatch(tr);
     }
   };

package/dist/es2019/plugins/extension/pm-plugins/main.js

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { getExtensionModuleNode } from '@atlaskit/editor-common/extensions';
 import { createSelectionClickHandler } from '../../selection/utils';
 import ExtensionNodeView from '../nodeviews/extension';
@@ -103,7 +103,7 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
   const extensionNodeViewOptions = {
     appearance: options.appearance
   };
-  return new Plugin({
+  return new SafePlugin({
     state,
     view: editorView => {
       const domAtPos = editorView.domAtPos.bind(editorView);

package/dist/es2019/plugins/extension/pm-plugins/unique-id.js

@@ -1,42 +1,64 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { uuid } from '@atlaskit/adf-schema';
-import { nodesBetweenChanged } from '../../../utils';
+import { stepAddsOneOf } from '../../../utils/step';
 const pluginKey = new PluginKey('extensionUniqueIdPlugin');
 
-const createPlugin = () => new Plugin({
+const createPlugin = () => new SafePlugin({
   // TODO: @see ED-8839
   appendTransaction: (transactions, _oldState, newState) => {
     const tr = newState.tr;
     const selectionBookmark = tr.selection.getBookmark();
     let modified = false;
+    const {
+      extension,
+      bodiedExtension,
+      inlineExtension
+    } = newState.schema.nodes;
+    const extensionTypes = new Set([extension, bodiedExtension, inlineExtension]);
+    const idsObserved = new Set();
     transactions.forEach(transaction => {
       if (!transaction.docChanged) {
         return;
-      } // Adds a unique id to a node
-
-
-      nodesBetweenChanged(transaction, (node, pos) => {
-        const {
-          extension,
-          bodiedExtension,
-          inlineExtension
-        } = newState.schema.nodes;
-
-        if (!!node.type && (node.type === extension || node.type === bodiedExtension || node.type === inlineExtension)) {
-          const {
-            localId,
-            ...rest
-          } = node.attrs;
-
-          if (!localId) {
-            tr.setNodeMarkup(pos, undefined, {
-              localId: uuid.generate(),
-              ...rest
-            });
-            modified = true;
+      }
+
+      const isAddingExtension = transaction.steps.some(step => stepAddsOneOf(step, extensionTypes));
+
+      if (isAddingExtension) {
+        // Can't simply look at changed nodes, as we could be adding an extension
+        newState.doc.descendants((node, pos) => {
+          const localId = node.attrs.localId; // Dealing with an extension - make sure it's a unique ID
+
+          if (!!node.type && extensionTypes.has(node.type)) {
+            if (localId && !idsObserved.has(localId)) {
+              idsObserved.add(localId); // Also add a localId if it happens to not have one,
+            } else if (!localId || idsObserved.has(localId)) {
+              modified = true;
+              tr.setNodeMarkup(pos, undefined, { ...node.attrs,
+                localId: uuid.generate()
+              });
+            }
+            /**
+             * If it's a bodiedExtension, we'll need to keep digging; since we
+             * can have more extension nodes within the contents of that
+             */
+
+
+            if (node.type === bodiedExtension) {
+              return true;
+            }
+
+            return false;
           }
-        }
-      });
+          /**
+           * Otherwise continue traversing, we can encounter extensions nested in
+           * expands/bodiedExtensions
+           */
+
+
+          return true;
+        });
+      }
     });
 
     if (modified) {

package/dist/es2019/plugins/extension/toolbar.js

@@ -53,19 +53,22 @@ const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled)
       icon: CenterIcon,
       onClick: updateExtensionLayout('default'),
       selected: layout === 'default',
-      title: formatMessage(commonMessages.layoutFixedWidth)
+      title: formatMessage(commonMessages.layoutFixedWidth),
+      tabIndex: null
     }, {
       type: 'button',
       icon: WideIcon,
       onClick: updateExtensionLayout('wide'),
       selected: layout === 'wide',
-      title: formatMessage(commonMessages.layoutWide)
+      title: formatMessage(commonMessages.layoutWide),
+      tabIndex: null
     }, {
       type: 'button',
       icon: FullWidthIcon,
       onClick: updateExtensionLayout('full-width'),
       selected: layout === 'full-width',
-      title: formatMessage(commonMessages.layoutFullWidth)
+      title: formatMessage(commonMessages.layoutFullWidth),
+      tabIndex: null
     }];
   }
 
@@ -91,7 +94,8 @@ const editButton = (formatMessage, extensionState) => {
       editExtension(macroState && macroState.macroProvider, updateExtension)(state, dispatch, view);
       return true;
     },
-    title: formatMessage(messages.edit)
+    title: formatMessage(messages.edit),
+    tabIndex: null
   }];
 };
 
@@ -125,7 +129,8 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
         onMouseLeave: hoverDecoration(nodeType, false),
         onFocus: hoverDecoration(nodeType, true),
         onBlur: hoverDecoration(nodeType, false),
-        title: formatMessage(commonMessages.remove)
+        title: formatMessage(commonMessages.remove),
+        tabIndex: null
       }]
     };
   }

package/dist/es2019/plugins/extension/ui/Extension/Extension/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { calcBreakoutWidth, overflowShadow } from '@atlaskit/editor-common';
+import { overflowShadow } from '@atlaskit/editor-common/ui';
+import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { Wrapper, Header, Content, ContentWrapper, widerLayoutClassName } from './styles';
 import { Overlay } from '../styles';
 import ExtensionLozenge from '../Lozenge';

package/dist/es2019/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -2,7 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { Component } from 'react';
 import memoizeOne from 'memoize-one';
-import { getExtensionRenderer, getNodeRenderer, getExtensionModuleNodePrivateProps } from '@atlaskit/editor-common';
+import { getNodeRenderer, getExtensionModuleNodePrivateProps } from '@atlaskit/editor-common/extensions';
+import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
 import Extension from './Extension';
 import InlineExtension from './InlineExtension';
 export default class ExtensionComponent extends Component {

package/dist/es2019/plugins/extension/ui/Extension/ExtensionNodeWrapper.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 
 const ExtensionNodeWrapper = ({
   children,

package/dist/es2019/plugins/extension/ui/Extension/Lozenge.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { Component } from 'react';
 import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
-import { getExtensionLozengeData } from '@atlaskit/editor-common';
+import { getExtensionLozengeData } from '@atlaskit/editor-common/utils';
 import { PlaceholderFallback, PlaceholderFallbackParams, StyledImage } from './styles';
 export const capitalizeFirstLetter = str => {
   return str.charAt(0).toUpperCase() + str.slice(1);

package/dist/es2019/plugins/extension/ui/Extension/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { Component } from 'react';
-import { ProviderFactory, WithProviders } from '@atlaskit/editor-common';
+import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ExtensionComponent from './ExtensionComponent';
 export default class Extension extends Component {
   constructor(props) {

package/dist/es2019/plugins/fake-text-cursor/index.js

@@ -1,8 +1,8 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { drawFakeTextCursor } from './cursor';
 export const stateKey = new PluginKey('fakeTextCursorPlugin');
-export const createPlugin = () => new Plugin({
+export const createPlugin = () => new SafePlugin({
   key: stateKey,
   props: {
     decorations: drawFakeTextCursor

package/dist/es2019/plugins/feature-flags-context/feature-flags-from-props.js

@@ -1,5 +1,5 @@
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
-import { browser } from '@atlaskit/editor-common';
+import { browser } from '@atlaskit/editor-common/utils';
 
 const safeNumberFeatureFlag = value => {
   const parsedValue = parseInt(value, 10);
@@ -12,7 +12,7 @@ const safeNumberFeatureFlag = value => {
 
 
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32;
+  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$collabEdit, _props$collabEdit2, _props$featureFlags37, _props$featureFlags38;
 
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return { ...normalizedFeatureFlags,
@@ -41,11 +41,16 @@ export function createFeatureFlagsFromProps(props) {
     errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags19 = props.featureFlags) !== null && _props$featureFlags19 !== void 0 && _props$featureFlags19.useErrorBoundaryDocStructure) : false),
     synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.synchronyErrorDocStructure) : false),
     enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.enableViewUpdateSubscription) : false),
-    collabAvatarScroll: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.collabAvatarScroll) : false),
-    ufo: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.ufo) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.ufo) : false),
+    plainTextPasteLinkification: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.plainTextPasteLinkification) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.plainTextPasteLinkification) : false),
+    collabAvatarScroll: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.collabAvatarScroll) : false),
+    ufo: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.ufo) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.ufo) : false),
     codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !browser.safari : false),
-    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.twoLineEditorToolbar) : false),
-    codeBidiWarnings: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.codeBidiWarnings) : true),
-    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.maxUnsafeChromeSpellcheckingVersion)
+    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.twoLineEditorToolbar) : false),
+    codeBidiWarnings: Boolean(typeof ((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags33 = props.featureFlags) !== null && _props$featureFlags33 !== void 0 && _props$featureFlags33.codeBidiWarnings) : true),
+    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags35 = props.featureFlags) !== null && _props$featureFlags35 !== void 0 && _props$featureFlags35.saferDispatchedTransactions) : false)),
+    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36.maxUnsafeChromeSpellcheckingVersion),
+    useNativeCollabPlugin: Boolean(typeof ((_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.useNativePlugin) === 'boolean' ? !!((_props$collabEdit2 = props.collabEdit) !== null && _props$collabEdit2 !== void 0 && _props$collabEdit2.useNativePlugin) : false),
+    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
+    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38.viewChangingExperimentToolbarStyle) === 'string' ? props.featureFlags.viewChangingExperimentToolbarStyle || undefined : undefined
   };
 }

package/dist/es2019/plugins/feature-flags-context/get-feature-flags.js

@@ -0,0 +1,2 @@
+import { pluginKey } from './plugin-key';
+export const getFeatureFlags = state => pluginKey.getState(state);

package/dist/es2019/plugins/feature-flags-context/index.js

@@ -1,6 +1,6 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { useEditorContext } from '../../ui/EditorContext';
-export const pluginKey = new PluginKey('featureFlagsContextPlugin');
+import { pluginKey } from './plugin-key';
 
 const featureFlagsContextPlugin = (featureFlags = {}) => ({
   name: 'featureFlagsContext',
@@ -8,7 +8,7 @@ const featureFlagsContextPlugin = (featureFlags = {}) => ({
   pmPlugins() {
     return [{
       name: 'featureFlagsContext',
-      plugin: () => new Plugin({
+      plugin: () => new SafePlugin({
         key: pluginKey,
         state: {
           init: () => ({ ...featureFlags

package/dist/es2019/plugins/feature-flags-context/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export const pluginKey = new PluginKey('featureFlagsContextPlugin');

package/dist/es2019/plugins/find-replace/plugin.js

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from 'prosemirror-view';
 import { pluginFactory } from '../../utils/plugin-state-factory';
 import reducer from './reducer';
@@ -109,7 +109,7 @@ export const {
 } = pluginFactory(findReplacePluginKey, reducer(() => initialState), {
   onDocChanged: handleDocChanged
 });
-export const createPlugin = dispatch => new Plugin({
+export const createPlugin = dispatch => new SafePlugin({
   key: findReplacePluginKey,
   state: createPluginState(dispatch, () => initialState),
   props: {

package/dist/es2019/plugins/find-replace/ui/Find.js

@@ -58,6 +58,19 @@ class Find extends React.Component {
 
     _defineProperty(this, "isComposing", false);
 
+    _defineProperty(this, "syncFindText", () => {
+      var _this$state;
+
+      // If the external prop findText changes and we aren't in a composition we should update to
+      // use the external prop value.
+      //
+      // An example of where this may happen is when a find occurs through the user selecting some text
+      // and pressing Mod-f.
+      if (!this.isComposing && this.props.findText !== ((_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.localFindText)) {
+        this.updateFindValue(this.props.findText || '');
+      }
+    });
+
     _defineProperty(this, "skipWhileComposing", fn => {
       if (this.isComposing) {
         return;
@@ -166,27 +179,19 @@ class Find extends React.Component {
     // occur to this value which do not originate from this component.
 
     this.state = {
-      localFindText: this.props.findText || ''
+      localFindText: ''
     };
   }
 
   componentDidMount() {
     this.props.onFindTextfieldRefSet(this.findTextfieldRef);
     this.focusFindTextfield();
+    this.syncFindText();
   }
 
   componentDidUpdate() {
-    this.focusFindTextfield(); // If the external prop findText changes and we aren't in a composition we should update to the
-    // use the external prop value.
-    //
-    // An example of where this may happen is when a find occurs through the user selecting some text
-    // and pressing Mod-f.
-
-    if (!this.isComposing && this.props.findText !== this.state.localFindText) {
-      this.setState({
-        localFindText: this.props.findText || ''
-      });
-    }
+    this.focusFindTextfield();
+    this.syncFindText();
   }
 
   render() {

package/dist/es2019/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -113,7 +113,9 @@ class FindReplaceToolbarButton extends React.PureComponent {
         iconBefore: /*#__PURE__*/React.createElement(EditorSearchIcon, {
           label: title
         }),
-        onClick: this.toggleOpen
+        onClick: this.toggleOpen,
+        "aria-expanded": isActive,
+        "aria-haspopup": true
       })
     }, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FindReplace, _extends({
       findText: findText,

package/dist/es2019/plugins/floating-toolbar/index.js

@@ -1,8 +1,9 @@
 import React from 'react';
-import { Plugin, PluginKey, AllSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey, AllSelection } from 'prosemirror-state';
 import { findDomRefAtPos, findSelectedNodeOfType } from 'prosemirror-utils';
 import camelCase from 'lodash/camelCase';
-import { Popup } from '@atlaskit/editor-common'; // AFP-2532 TODO: Fix automatic suppressions below
+import { Popup } from '@atlaskit/editor-common/ui'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import WithPluginState from '../../ui/WithPluginState';
@@ -308,7 +309,7 @@ function floatingToolbarPluginFactory(options) {
     return newPluginState;
   };
 
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: () => {

package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js

@@ -1,8 +1,8 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginKey } from './plugin-key';
 import { createPluginState } from './plugin-factory';
 export const createPlugin = dispatch => {
-  return new Plugin({
+  return new SafePlugin({
     state: createPluginState(dispatch, {}),
     key: pluginKey
   });