@atlaskit/editor-core 153.1.4 → 156.0.0

package/dist/es2019/plugins/emoji/ui/Emoji/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ClickSelectWrapper } from '../../../../ui/styles';
-import { Emoji } from '@atlaskit/editor-common';
+import { Emoji } from '@atlaskit/editor-common/emoji';
 export default function EmojiNode(props) {
   return /*#__PURE__*/React.createElement(ClickSelectWrapper, null, /*#__PURE__*/React.createElement(Emoji, props));
 }

package/dist/es2019/plugins/expand/index.js

@@ -28,7 +28,7 @@ const expandPlugin = (options = {}) => ({
         dispatch,
         getIntl
       }) => {
-        return createPlugin(dispatch, getIntl, options.useLongPressSelection);
+        return createPlugin(dispatch, getIntl, options.appearance, options.useLongPressSelection);
       }
     }, {
       name: 'expandKeymap',

package/dist/es2019/plugins/expand/nodeviews/index.js

@@ -5,7 +5,7 @@ import { Selection, NodeSelection } from 'prosemirror-state';
 import { ExpandIconButton } from '../ui/ExpandIconButton';
 import { keyName } from 'w3c-keyname';
 import { DOMSerializer } from 'prosemirror-model';
-import { expandMessages } from '@atlaskit/editor-common';
+import { expandMessages } from '@atlaskit/editor-common/ui';
 import { isEmptyNode } from '../../../utils';
 import { updateExpandTitle, toggleExpandExpanded, deleteExpandAtPos, setSelectionInsideExpand } from '../commands';
 import { expandClassNames } from '../ui/class-names';
@@ -51,9 +51,11 @@ const toDOM = (node, intl) => ['div', {
 }, 0]];
 
 export class ExpandNodeView {
-  constructor(node, view, getPos, getIntl) {
+  constructor(node, view, getPos, getIntl, isMobile) {
     _defineProperty(this, "allowInteractiveExpand", true);
 
+    _defineProperty(this, "isMobile", false);
+
     _defineProperty(this, "focusTitle", () => {
       if (this.input) {
         const {
@@ -343,6 +345,7 @@ export class ExpandNodeView {
     this.node = node;
     this.dom = dom;
     this.contentDOM = contentDOM;
+    this.isMobile = isMobile;
     this.icon = this.dom.querySelector(`.${expandClassNames.icon}`);
     this.input = this.dom.querySelector(`.${expandClassNames.titleInput}`);
     this.titleContainer = this.dom.querySelector(`.${expandClassNames.titleContainer}`);
@@ -393,6 +396,12 @@ export class ExpandNodeView {
   }
 
   ignoreMutation(mutationRecord) {
+    // ME-1931: Mobile relies on composition which creates dom mutations. If we ignore them, prosemirror
+    // does not recognise the changes and reverts them.
+    if (this.isMobile && (mutationRecord.type === 'characterData' || mutationRecord.type === 'childList')) {
+      return false;
+    }
+
     if (mutationRecord.type === 'selection') {
       return false;
     }
@@ -459,6 +468,9 @@ export class ExpandNodeView {
   }
 
 }
-export default function (getIntl) {
-  return (node, view, getPos) => new ExpandNodeView(node, view, getPos, getIntl);
+export default function ({
+  getIntl,
+  isMobile
+}) {
+  return (node, view, getPos) => new ExpandNodeView(node, view, getPos, getIntl, isMobile);
 }

package/dist/es2019/plugins/expand/pm-plugins/keymap.js

@@ -9,7 +9,11 @@ import { deleteExpand, focusTitle } from '../commands';
 import { getPluginState as getSelectionPluginState } from '../../selection/plugin-factory';
 import { RelativeSelectionPos } from '../../selection/types';
 
-const isExpandSelected = selection => selection instanceof NodeSelection && (selection.node.type.name === 'expand' || selection.node.type.name === 'nestedExpand');
+const isExpandNode = node => {
+  return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
+};
+
+const isExpandSelected = selection => selection instanceof NodeSelection && isExpandNode(selection.node);
 
 export function expandKeymap() {
   const list = {};
@@ -172,6 +176,9 @@ export function expandKeymap() {
     const {
       selection
     } = state;
+    const {
+      $from
+    } = selection;
 
     if (!editorView || !selection.empty) {
       return false;
@@ -195,6 +202,13 @@ export function expandKeymap() {
       return false;
     }
 
+    const parentNode = state.doc.nodeAt($from.before(Math.max($from.depth - 1, 1))); // ED-10012 catch cases where the expand has another node nested within it and
+    // the backspace should be applied only to the inner node instead of the expand
+
+    if (parentNode && !isExpandNode(parentNode)) {
+      return false;
+    }
+
     const textSel = Selection.findFrom(state.doc.resolve(expandNode.pos), 1, true);
 
     if (textSel && selection.$from.pos === textSel.$from.pos && isEmptyNode(state.schema)(expandNode.node) && dispatch) {

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

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { createSelectionClickHandler } from '../../selection/utils';
 import ExpandNodeView from '../nodeviews';
@@ -11,15 +11,22 @@ function containsClass(element, className) {
   return !!element && element.classList.contains(className);
 }
 
-export const createPlugin = (dispatch, getIntl, useLongPressSelection = false) => {
+export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLongPressSelection = false) => {
   const state = createPluginState(dispatch, {});
-  return new Plugin({
+  const isMobile = appearance === 'mobile';
+  return new SafePlugin({
     state: state,
     key: pluginKey,
     props: {
       nodeViews: {
-        expand: ExpandNodeView(getIntl),
-        nestedExpand: ExpandNodeView(getIntl)
+        expand: ExpandNodeView({
+          getIntl,
+          isMobile
+        }),
+        nestedExpand: ExpandNodeView({
+          getIntl,
+          isMobile
+        })
       },
 
       handleKeyDown(_view, event) {

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

@@ -30,7 +30,8 @@ export const getToolbarConfig = (state, {
         onMouseLeave: hoverDecoration([nestedExpand, expand], false),
         onFocus: hoverDecoration([nestedExpand, expand], true),
         onBlur: hoverDecoration([nestedExpand, expand], false),
-        title: formatMessage(commonMessages.remove)
+        title: formatMessage(commonMessages.remove),
+        tabIndex: null
       }]
     };
   }

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);