@atlaskit/editor-core 171.0.1 → 172.0.0

package/dist/es2019/plugins/code-block/styles.js

@@ -1,166 +1,9 @@
 import { css } from '@emotion/react';
-import { themed } from '@atlaskit/theme/components';
-import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
-import { R75, N20, DN50, N30, DN20, N90, DN90, N400, DN400, N800, DN500 } from '@atlaskit/theme/colors';
-import { blockNodesVerticalMargin, akEditorTableCellMinWidth, akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorDeleteIconColor, SelectionStyle, getSelectionStyles, akEditorCodeFontFamily, akEditorSelectedNodeClassName, overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { R75 } from '@atlaskit/theme/colors';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorDeleteIconColor, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { token } from '@atlaskit/tokens';
 import { codeBlockClassNames } from './ui/class-names';
 import { codeBlockSharedStyles } from '@atlaskit/editor-common/styles';
-export const highlightingCodeBlockStyles = props => css`
-  .ProseMirror .code-block {
-    position: relative;
-    background-image: ${overflowShadow({
-  // TODO: https://product-fabric.atlassian.net/browse/DSP-4118
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  background: themed({
-    light: N20,
-    dark: DN50
-  })(props),
-  width: '8px'
-})};
-    background-repeat: no-repeat;
-    background-color: ${themed({
-  light: token('color.background.neutral', N20),
-  dark: token('color.background.neutral', DN50)
-})(props)};
-
-    --ds--code--bg-color: transparent;
-
-    background-attachment: local, scroll, scroll;
-    background-size: 8px 100%, 8px 100%, 8px 100%;
-    background-position: 100% 0, 100% 0, 0 0;
-    font-family: ${akEditorCodeFontFamily};
-    border-radius: ${borderRadius()}px;
-    margin: ${blockNodesVerticalMargin} 0 0 0;
-    counter-reset: line;
-    display: flex;
-    min-width: ${akEditorTableCellMinWidth}px;
-    cursor: pointer;
-    overflow-x: auto;
-
-    .${codeBlockClassNames.gutter} {
-      /* https://bitbucket.org/atlassian/atlassian-frontend/src/develop/packages/design-system/code/src/themes/themeBuilder.ts#packages/design-system/code/src/themes/themeBuilder.ts-19:28 */
-      flex-shrink: 0;
-      text-align: right;
-      background-color: ${themed({
-  light: token('color.background.neutral', N30),
-  dark: token('color.background.neutral', DN20)
-})(props)};
-      padding: ${gridSize()}px;
-      color: ${themed({
-  light: token('color.text.subtlest', N90),
-  dark: token('color.text.subtlest', DN90)
-})(props)};
-
-      span {
-        display: block;
-        line-height: 0;
-        font-size: 0;
-
-        &::before {
-          display: inline-block;
-          content: counter(line);
-          counter-increment: line;
-          font-size: ${relativeFontSizeToBase16(fontSize())};
-          line-height: 1.5rem;
-          color: ${themed({
-  light: token('color.text.subtle', N400),
-  dark: token('color.text.subtle', DN400)
-})(props)};
-        }
-      }
-    }
-
-    .${codeBlockClassNames.highlighting} {
-      position: absolute;
-      z-index: 2;
-      width: 100%;
-      height: 100%;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      pointer-events: none;
-      overflow: hidden;
-      tab-size: 4;
-
-      & [data-ds--code--code-block] {
-        font-size: ${relativeFontSizeToBase16(fontSize())};
-        line-height: 1.5rem;
-      }
-    }
-
-    .${codeBlockClassNames.content} {
-      position: relative;
-      z-index: 1;
-      display: flex;
-      flex: 1;
-
-      > code {
-        flex-grow: 1;
-        tab-size: 4;
-        cursor: text;
-        /* https://bitbucket.org/atlassian/atlassian-frontend/src/218202daeaf527262c21841e6f88fa058d349ad4/packages/design-system/code/src/themes/themeBuilder.ts#lines-12:17 */
-        font-size: ${relativeFontSizeToBase16(fontSize())};
-        line-height: 1.5rem;
-        border-radius: ${borderRadius()}px;
-        margin: ${gridSize()}px;
-        white-space: pre;
-      }
-
-      &[data-debounce='true'] {
-        .${codeBlockClassNames.highlighting} {
-          display: none;
-        }
-      }
-
-      &:not([data-debounce='true']) {
-        > code:not([data-language='plaintext']):not([data-language='none']):not([data-language='']) {
-          color: transparent;
-          caret-color: ${themed({
-  light: token('color.text', N800),
-  dark: token('color.text', DN500)
-})(props)};
-        }
-      }
-    }
-  }
-
-  .ProseMirror li > .code-block {
-    margin: 0;
-  }
-
-  .ProseMirror .code-block.${akEditorSelectedNodeClassName}:not(.danger) {
-    ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
-  }
-
-  /* Danger when top level node */
-  .ProseMirror .danger.code-block {
-    box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
-      ${token('color.border.danger', akEditorDeleteBorder)};
-
-    .${codeBlockClassNames.gutter} {
-      background-color: ${token('color.blanket.danger', R75)};
-      color: ${token('color.text.danger', akEditorDeleteIconColor)};
-    }
-
-    .${codeBlockClassNames.content} {
-      background-color: ${token('color.background.danger', akEditorDeleteBackground)};
-    }
-  }
-
-  /* Danger when nested node */
-  .ProseMirror .danger .code-block {
-    .${codeBlockClassNames.gutter} {
-      background-color: ${token('color.blanket.danger', 'rgba(255, 143, 115, 0.5)')};
-      color: ${token('color.text.danger', akEditorDeleteIconColor)};
-    }
-
-    .${codeBlockClassNames.content} {
-      background-color: ${token('color.background.danger', 'rgba(255, 189, 173, 0.5)')};
-    }
-  }
-`;
 export const codeBlockStyles = props => css`
   .ProseMirror {
     ${codeBlockSharedStyles(props)}

package/dist/es2019/plugins/code-block/toolbar.js

@@ -4,6 +4,7 @@ import CopyIcon from '@atlaskit/icon/glyph/copy';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { removeCodeBlock, changeLanguage, copyContentToClipboard, resetCopiedState } from './actions';
 import commonMessages from '../../messages';
+import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './pm-plugins/codeBlockCopySelectionPlugin';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { pluginKey } from './plugin-key';
 import { createLanguageList, getLanguageIdentifier, DEFAULT_LANGUAGES } from './language-list';
@@ -60,9 +61,16 @@ export const getToolbarConfig = (allowCopyToClipboard = false) => (state, {
     type: 'button',
     appearance: 'subtle',
     icon: CopyIcon,
+    // note: copyContentToClipboard contains logic that also removes the
+    // visual feedback for the copy button
     onClick: copyContentToClipboard,
     title: formatMessage(codeBlockState.contentCopied ? commonMessages.copiedToClipboard : commonMessages.copyToClipboard),
+    onMouseEnter: provideVisualFeedbackForCopyButton,
+    // note: resetCopiedState contains logic that also removes the
+    // visual feedback for the copy button
     onMouseLeave: resetCopiedState,
+    onFocus: provideVisualFeedbackForCopyButton,
+    onBlur: removeVisualFeedbackForCopyButton,
     hideTooltipOnClick: false,
     disabled: codeBlockState.isNodeSelected,
     tabIndex: null

package/dist/es2019/plugins/code-block/ui/class-names.js

@@ -1,6 +1,5 @@
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 export const codeBlockClassNames = {
   gutter: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER,
-  content: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT,
-  highlighting: 'code-highlighting'
+  content: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
 };

package/dist/es2019/plugins/copy-button/commands.js

@@ -1,37 +1,57 @@
-import { findSelectedNodeOfType, findParentNodeOfType } from 'prosemirror-utils';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
-import { DOMSerializer } from 'prosemirror-model';
 import { copyHTMLToClipboard } from '../../utils/clipboard';
-export const copy = nodeType => (state, dispatch) => {
+import { getSelectedNodeOrNodeParentByNodeType, toDOM } from './utils';
+import { addAnalytics, ACTION, INPUT_METHOD } from '../analytics';
+import { getAnalyticsPayload } from '../clipboard/pm-plugins/main';
+export const createToolbarCopyCommand = nodeType => (state, dispatch) => {
   const {
     tr,
     schema
   } = state; // This command should only be triggered by the Copy button in the floating toolbar
   // which is only visible when selection is inside the target node
 
-  let node = findSelectedNodeOfType(nodeType)(tr.selection);
-
-  if (!node) {
-    node = findParentNodeOfType(nodeType)(tr.selection);
-  }
+  let node = getSelectedNodeOrNodeParentByNodeType({
+    nodeType,
+    selection: tr.selection
+  });
 
   if (!node) {
     return false;
   }
 
-  const domNode = DOMSerializer.fromSchema(schema).serializeNode(node.node);
-  const div = document.createElement('div');
-  div.appendChild(domNode); // The "0 0" refers to the start and end depth of the slice
-  // since we're coping the block node only, it will always be 0 0
-  // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+  const domNode = toDOM(node.node, schema);
+
+  if (domNode) {
+    const div = document.createElement('div');
+    div.appendChild(domNode); // if copying inline content
+
+    if (node.node.type.inlineContent) {
+      // The "1 1" refers to the start and end depth of the slice
+      // since we're copying the text inside a paragraph, it will always be 1 1
+      // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+      div.firstChild.setAttribute('data-pm-slice', '1 1 []');
+    } else {
+      // The "0 0" refers to the start and end depth of the slice
+      // since we're copying the block node only, it will always be 0 0
+      // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
+      div.firstChild.setAttribute('data-pm-slice', '0 0 []');
+    }
+
+    copyHTMLToClipboard(div.innerHTML);
+  }
 
-  div.firstChild.setAttribute('data-pm-slice', '0 0 []');
-  copyHTMLToClipboard(div.innerHTML);
   const copyToClipboardTr = tr;
   copyToClipboardTr.setMeta(pluginKey, {
     copied: true
   });
+  const analyticsPayload = getAnalyticsPayload(state, ACTION.COPIED);
+
+  if (analyticsPayload) {
+    analyticsPayload.attributes.inputMethod = INPUT_METHOD.FLOATING_TB;
+    analyticsPayload.attributes.nodeType = node.node.type.name;
+    addAnalytics(state, copyToClipboardTr, analyticsPayload);
+  }
 
   if (dispatch) {
     dispatch(copyToClipboardTr);

package/dist/es2019/plugins/copy-button/toolbar.js

@@ -0,0 +1,29 @@
+import CopyIcon from '@atlaskit/icon/glyph/copy';
+import commonMessages from '../../messages';
+import { hoverDecoration } from '../base/pm-plugins/decoration';
+import { createToolbarCopyCommand, resetCopiedState } from './commands';
+import { pluginKey } from './pm-plugins/plugin-key';
+export const getCopyButtonConfig = (state, formatMessage, nodeType, onMouseEnter, onMouseLeave) => {
+  const copyButtonState = pluginKey.getState(state);
+  return {
+    id: 'editor.floatingToolbar.copy',
+    type: 'button',
+    appearance: 'subtle',
+    icon: CopyIcon,
+    onClick: createToolbarCopyCommand(nodeType),
+    title: formatMessage(copyButtonState !== null && copyButtonState !== void 0 && copyButtonState.copied ? commonMessages.copiedToClipboard : commonMessages.copyToClipboard),
+    onMouseEnter: onMouseEnter || hoverDecoration(nodeType, true, 'ak-editor-selected-node'),
+    onMouseLeave: resetCopiedState(nodeType, onMouseLeave),
+    onFocus: hoverDecoration(nodeType, true, 'ak-editor-selected-node'),
+    onBlur: hoverDecoration(nodeType, false),
+    hideTooltipOnClick: false,
+    tabIndex: null // TODO select and delete styling needs to be removed when keyboard cursor moves away
+    // problem already exist with delete as well
+
+  };
+};
+export const showCopyButton = state => {
+  return state && // Check if the Copy button plugin is enabled
+  // @ts-ignore pluginKey.key
+  state.plugins.find(p => p.key === pluginKey.key);
+};

package/dist/es2019/plugins/copy-button/utils.js

@@ -1,29 +1,17 @@
-import CopyIcon from '@atlaskit/icon/glyph/copy';
-import commonMessages from '../../messages';
-import { hoverDecoration } from '../base/pm-plugins/decoration';
-import { copy, resetCopiedState } from './commands';
-import { pluginKey } from './pm-plugins/plugin-key';
-export const getCopyButtonConfig = (state, formatMessage, nodeType, onMouseEnter, onMouseLeave) => {
-  const copyButtonState = pluginKey.getState(state);
-  return {
-    id: 'editor.floatingToolbar.copy',
-    type: 'button',
-    appearance: 'subtle',
-    icon: CopyIcon,
-    onClick: copy(nodeType),
-    title: formatMessage(copyButtonState !== null && copyButtonState !== void 0 && copyButtonState.copied ? commonMessages.copiedToClipboard : commonMessages.copyToClipboard),
-    onMouseEnter: onMouseEnter || hoverDecoration(nodeType, true, 'ak-editor-selected-node'),
-    onMouseLeave: resetCopiedState(nodeType, onMouseLeave),
-    onFocus: hoverDecoration(nodeType, true, 'ak-editor-selected-node'),
-    onBlur: hoverDecoration(nodeType, false),
-    hideTooltipOnClick: false,
-    tabIndex: null // TODO select and delete styling needs to be removed when keyboard cursor moves away
-    // problem already exist with delete as well
+import { findSelectedNodeOfType, findParentNodeOfType } from 'prosemirror-utils';
+import { DOMSerializer } from 'prosemirror-model';
+export function getSelectedNodeOrNodeParentByNodeType({
+  nodeType,
+  selection
+}) {
+  let node = findSelectedNodeOfType(nodeType)(selection);
 
-  };
-};
-export const showCopyButton = state => {
-  return state && // Check if the Copy button plugin is enabled
-  // @ts-ignore pluginKey.key
-  state.plugins.find(p => p.key === pluginKey.key);
+  if (!node) {
+    node = findParentNodeOfType(nodeType)(selection);
+  }
+
+  return node;
+}
+export const toDOM = (node, schema) => {
+  return DOMSerializer.fromSchema(schema).serializeNode(node);
 };

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

@@ -3,6 +3,7 @@ import commonMessages from '../../messages';
 import { deleteExpand } from './commands';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { getPluginState } from './pm-plugins/plugin-factory';
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar';
 export const getToolbarConfig = (state, {
   formatMessage
 }) => {
@@ -20,7 +21,9 @@ export const getToolbarConfig = (state, {
       getDomRef: () => expandRef,
       nodeType: [nestedExpand, expand],
       offset: [0, 6],
-      items: [{
+      items: [...(state && showCopyButton(state) ? [getCopyButtonConfig(state, formatMessage, [nestedExpand, expand]), {
+        type: 'separator'
+      }] : []), {
         id: 'editor.expand.delete',
         type: 'button',
         appearance: 'danger',

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

@@ -12,6 +12,7 @@ import { getPluginState } from './pm-plugins/main';
 import { getSelectedExtension } from './utils';
 import { updateExtensionLayout, removeExtension } from './commands';
 import { pluginKey as macroPluginKey } from '../macro/plugin-key';
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar';
 export const messages = defineMessages({
   edit: {
     id: 'fabric.editor.edit',
@@ -119,7 +120,9 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
       }, {
         type: 'extensions-placeholder',
         separator: 'end'
-      }, {
+      }, ...(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, nodeType), {
+        type: 'separator'
+      }] : []), {
         id: 'editor.extension.delete',
         type: 'button',
         icon: RemoveIcon,

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

@@ -33,7 +33,7 @@ export const wrapperStyle = (theme, extensionWidth) => css`
   }
 `;
 export const header = css`
-  padding: ${padding / 2}px ${padding / 2}px ${padding / 4}px;
+  padding: ${padding / 2}px ${padding / 2}px 0px;
   vertical-align: middle;
 
   &.with-children:not(.without-frame) {

package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/styles.js

@@ -7,7 +7,7 @@ export const wrapperStyle = theme => css`
 
   cursor: pointer;
   display: inline-flex;
-  margin: 1px;
+  margin: 1px 1px 4px;
 
   > img {
     border-radius: ${borderRadius()}px;

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

@@ -1,9 +1,8 @@
 import { css } from '@emotion/react';
-import { fontSize, gridSize } from '@atlaskit/theme/constants';
+import { gridSize } from '@atlaskit/theme/constants';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N20, DN50, DN700, B200, N20A, N70 } from '@atlaskit/theme/colors';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { token } from '@atlaskit/tokens';
 export const padding = gridSize();
 export const BODIED_EXT_PADDING = padding * 2;
@@ -18,7 +17,6 @@ export const wrapperDefault = theme => css`
 })(theme)};
   position: relative;
   vertical-align: middle;
-  font-size: ${relativeFontSizeToBase16(fontSize())};
 
   .ProseMirror-selectednode > span > & > .extension-overlay {
     box-shadow: inset 0px 0px 0px 2px ${token('color.border.selected', B200)};

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

@@ -1,10 +1,24 @@
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
-import { browser } from '@atlaskit/editor-common/utils';
 
-const safeNumberFeatureFlag = value => {
-  const parsedValue = parseInt(value, 10);
-  return !isNaN(parsedValue) && Number.isInteger(parsedValue) && Number.isSafeInteger(parsedValue) ? parsedValue : undefined;
-};
+function verifyJSON(json) {
+  try {
+    return JSON.parse(json);
+  } catch (e) {
+    return undefined;
+  }
+}
+
+function getSpellCheck(featureFlags) {
+  if (!!(featureFlags !== null && featureFlags !== void 0 && featureFlags['disableSpellcheckByBrowser'])) {
+    return typeof (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['disableSpellcheckByBrowser']) === 'object' ? featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['disableSpellcheckByBrowser'] : typeof (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['disableSpellcheckByBrowser']) === 'string' ? verifyJSON(featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['disableSpellcheckByBrowser']) : undefined;
+  }
+
+  if (!!(featureFlags !== null && featureFlags !== void 0 && featureFlags['disable-spellcheck-by-browser'])) {
+    return typeof (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['disable-spellcheck-by-browser']) === 'object' ? featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['disable-spellcheck-by-browser'] : typeof (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['disable-spellcheck-by-browser']) === 'string' ? verifyJSON(featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['disable-spellcheck-by-browser']) : undefined;
+  }
+
+  return undefined;
+}
 /**
  * Transforms EditorProps to an FeatureFlags object,
  * which is used by both current and archv3 editors.
@@ -12,7 +26,7 @@ const safeNumberFeatureFlag = value => {
 
 
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$allowTables, _props$featureFlags3, _props$featureFlags4, _props$allowTables2, _props$featureFlags5, _props$featureFlags6, _props$allowTables3, _props$featureFlags7, _props$featureFlags8, _props$allowTables4, _props$featureFlags9, _props$featureFlags10, _props$allowTables5, _props$allowExtension, _props$featureFlags11, _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$collabEdit, _props$collabEdit2, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39, _props$featureFlags40, _props$featureFlags41;
+  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$allowTables, _props$featureFlags3, _props$featureFlags4, _props$allowTables2, _props$featureFlags5, _props$featureFlags6, _props$allowTables3, _props$featureFlags7, _props$featureFlags8, _props$allowTables4, _props$featureFlags9, _props$featureFlags10, _props$allowTables5, _props$allowExtension, _props$featureFlags11, _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$collabEdit, _props$collabEdit2, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38;
 
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return { ...normalizedFeatureFlags,
@@ -42,16 +56,14 @@ export function createFeatureFlagsFromProps(props) {
     plainTextPasteLinkification: Boolean(typeof ((_props$featureFlags21 = props.featureFlags) === null || _props$featureFlags21 === void 0 ? void 0 : _props$featureFlags21.plainTextPasteLinkification) === 'boolean' ? !!((_props$featureFlags22 = props.featureFlags) !== null && _props$featureFlags22 !== void 0 && _props$featureFlags22.plainTextPasteLinkification) : false),
     collabAvatarScroll: Boolean(typeof ((_props$featureFlags23 = props.featureFlags) === null || _props$featureFlags23 === void 0 ? void 0 : _props$featureFlags23.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags24 = props.featureFlags) !== null && _props$featureFlags24 !== void 0 && _props$featureFlags24.collabAvatarScroll) : false),
     ufo: Boolean(typeof ((_props$featureFlags25 = props.featureFlags) === null || _props$featureFlags25 === void 0 ? void 0 : _props$featureFlags25.ufo) === 'boolean' ? !!((_props$featureFlags26 = props.featureFlags) !== null && _props$featureFlags26 !== void 0 && _props$featureFlags26.ufo) : false),
-    codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !browser.safari : false),
     twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags27 = props.featureFlags) === null || _props$featureFlags27 === void 0 ? void 0 : _props$featureFlags27.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags28 = props.featureFlags) !== null && _props$featureFlags28 !== void 0 && _props$featureFlags28.twoLineEditorToolbar) : false),
-    codeBidiWarnings: Boolean(typeof ((_props$featureFlags29 = props.featureFlags) === null || _props$featureFlags29 === void 0 ? void 0 : _props$featureFlags29.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags30 = props.featureFlags) !== null && _props$featureFlags30 !== void 0 && _props$featureFlags30.codeBidiWarnings) : true),
-    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags31 = props.featureFlags) === null || _props$featureFlags31 === void 0 ? void 0 : _props$featureFlags31.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags32 = props.featureFlags) !== null && _props$featureFlags32 !== void 0 && _props$featureFlags32.saferDispatchedTransactions) : false)),
-    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags33 = props.featureFlags) === null || _props$featureFlags33 === void 0 ? void 0 : _props$featureFlags33.maxUnsafeChromeSpellcheckingVersion),
+    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags29 = props.featureFlags) === null || _props$featureFlags29 === void 0 ? void 0 : _props$featureFlags29.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags30 = props.featureFlags) !== null && _props$featureFlags30 !== void 0 && _props$featureFlags30.saferDispatchedTransactions) : false)),
     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$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
-    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags35 = props.featureFlags) === null || _props$featureFlags35 === void 0 ? void 0 : _props$featureFlags35['view-changing-experiment-toolbar-style']) === 'string' ? props.featureFlags['view-changing-experiment-toolbar-style'] || undefined : undefined,
-    showHoverPreview: Boolean(typeof ((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36.showHoverPreview) === 'boolean' ? !!((_props$featureFlags37 = props.featureFlags) !== null && _props$featureFlags37 !== void 0 && _props$featureFlags37.showHoverPreview) : false),
-    indentationButtonsInTheToolbar: Boolean(typeof ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38['indentation-buttons-in-the-toolbar']) === 'boolean' ? !!((_props$featureFlags39 = props.featureFlags) !== null && _props$featureFlags39 !== void 0 && _props$featureFlags39['indentation-buttons-in-the-toolbar']) : false),
-    floatingToolbarCopyButton: Boolean(typeof ((_props$featureFlags40 = props.featureFlags) === null || _props$featureFlags40 === void 0 ? void 0 : _props$featureFlags40.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags41 = props.featureFlags) !== null && _props$featureFlags41 !== void 0 && _props$featureFlags41.floatingToolbarCopyButton) : false)
+    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags31 = props.featureFlags) === null || _props$featureFlags31 === void 0 ? void 0 : _props$featureFlags31.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
+    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32['view-changing-experiment-toolbar-style']) === 'string' ? props.featureFlags['view-changing-experiment-toolbar-style'] || undefined : undefined,
+    showHoverPreview: Boolean(typeof ((_props$featureFlags33 = props.featureFlags) === null || _props$featureFlags33 === void 0 ? void 0 : _props$featureFlags33.showHoverPreview) === 'boolean' ? !!((_props$featureFlags34 = props.featureFlags) !== null && _props$featureFlags34 !== void 0 && _props$featureFlags34.showHoverPreview) : false),
+    indentationButtonsInTheToolbar: Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags35 = props.featureFlags) === null || _props$featureFlags35 === void 0 ? void 0 : _props$featureFlags35.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags36 = props.featureFlags) !== null && _props$featureFlags36 !== void 0 && _props$featureFlags36.indentationButtonsInTheToolbar) : false)),
+    floatingToolbarCopyButton: Boolean(typeof normalizedFeatureFlags.floatingToolbarCopyButton === 'boolean' && !!normalizedFeatureFlags.floatingToolbarCopyButton || (typeof ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags38 = props.featureFlags) !== null && _props$featureFlags38 !== void 0 && _props$featureFlags38.floatingToolbarCopyButton) : false)),
+    disableSpellcheckByBrowser: getSpellCheck(props.featureFlags)
   };
 }

package/dist/es2019/plugins/feedback-dialog/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PluginKey } from 'prosemirror-state';
 import { IconFeedback } from '../quick-insert/assets';
-import { version as coreVersion } from '../../version.json';
+import { version as coreVersion } from '../../version-wrapper';
 import { addAnalytics, ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE } from '../analytics';
 import loadJiraCollectorDialogScript from './loadJiraCollectorDialogScript';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';

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

@@ -43,12 +43,6 @@ class FindReplaceToolbarButton extends React.PureComponent {
   constructor(...args) {
     super(...args);
 
-    _defineProperty(this, "handleKeydown", event => {
-      if (event.metaKey && event.key === 'f') {
-        event.preventDefault();
-      }
-    });
-
     _defineProperty(this, "toggleOpen", () => {
       if (this.props.isActive) {
         this.props.onCancel({
@@ -60,19 +54,6 @@ class FindReplaceToolbarButton extends React.PureComponent {
     });
   }
 
-  componentDidMount() {
-    window.addEventListener('keydown', this.handleKeydown);
-  }
-
-  componentWillUnmount() {
-    window.removeEventListener('keydown', this.handleKeydown);
-  }
-  /**
-   * Prevent browser find opening if you hit cmd+f with cursor
-   * inside find/replace component
-   */
-
-
   render() {
     const {
       popupsMountPoint,

package/dist/es2019/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -2,9 +2,8 @@
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
 import { gridSize } from '@atlaskit/theme/constants';
-import { B400 } from '@atlaskit/theme/colors'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-
-import Item, { itemThemeNamespace } from '@atlaskit/item';
+import { B400 } from '@atlaskit/theme/colors';
+import { ButtonItem } from '@atlaskit/menu';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
 import Tooltip from '@atlaskit/tooltip';
 import { injectIntl } from 'react-intl-next';
@@ -22,30 +21,17 @@ const spacer = css`
 const menuContainer = css`
   min-width: ${menuItemDimensions.width}px;
 
-  // temporary solution before we migrated off dst/item
-  & span[class^='ItemParts__Before'] {
-    margin-right: 4px;
+  // temporary solution to retain spacing defined by @atlaskit/Item
+  & button {
+    min-height: ${gridSize() * 4}px;
+    padding: 8px 8px 7px;
+
+    & > [data-item-elem-before] {
+      margin-right: ${gridSize() / 2}px;
+    }
   }
 `;
-const padding = gridSize();
 export const itemSpacing = gridSize() / 2;
-const editorItemTheme = {
-  borderRadius: 0,
-  beforeItemSpacing: {
-    compact: itemSpacing
-  },
-  padding: {
-    compact: {
-      bottom: padding,
-      left: padding,
-      right: padding,
-      top: padding
-    }
-  },
-  height: {
-    compact: menuItemDimensions.height
-  }
-};
 
 class Dropdown extends Component {
   render() {
@@ -58,10 +44,9 @@ class Dropdown extends Component {
     return jsx("div", {
       css: menuContainer
     }, items.filter(item => !item.hidden).map((item, idx) => {
-      const itemContent = jsx(Item, {
+      const itemContent = jsx(ButtonItem, {
         key: idx,
-        isCompact: true,
-        elemBefore: this.renderSelected(item, intl),
+        iconBefore: this.renderSelected(item, intl),
         onClick: () => {
           /**
            * The order of dispatching the event and hide() is important, because
@@ -74,8 +59,8 @@ class Dropdown extends Component {
         },
         "data-testid": item.testId,
         isDisabled: item.disabled,
-        theme: {
-          [itemThemeNamespace]: editorItemTheme
+        onMouseDown: e => {
+          e.preventDefault();
         }
       }, item.title);