@atlaskit/editor-core 171.0.0 → 172.0.1

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

@@ -5,16 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.highlightingCodeBlockStyles = exports.codeBlockStyles = void 0;
+exports.codeBlockStyles = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _react = require("@emotion/react");
 
-var _components = require("@atlaskit/theme/components");
-
-var _constants = require("@atlaskit/theme/constants");
-
 var _colors = require("@atlaskit/theme/colors");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -25,39 +21,10 @@ var _classNames = require("./ui/class-names");
 
 var _styles = require("@atlaskit/editor-common/styles");
 
-var _templateObject, _templateObject2;
-
-var highlightingCodeBlockStyles = function highlightingCodeBlockStyles(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror .code-block {\n    position: relative;\n    background-image: ", ";\n    background-repeat: no-repeat;\n    background-color: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    border-radius: ", "px;\n    margin: ", " 0 0 0;\n    counter-reset: line;\n    display: flex;\n    min-width: ", "px;\n    cursor: pointer;\n    overflow-x: auto;\n\n    .", " {\n      /* 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 */\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n      color: ", ";\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        &::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          font-size: ", ";\n          line-height: 1.5rem;\n          color: ", ";\n        }\n      }\n    }\n\n    .", " {\n      position: absolute;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      pointer-events: none;\n      overflow: hidden;\n      tab-size: 4;\n\n      & [data-ds--code--code-block] {\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n\n    .", " {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      flex: 1;\n\n      > code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        /* https://bitbucket.org/atlassian/atlassian-frontend/src/218202daeaf527262c21841e6f88fa058d349ad4/packages/design-system/code/src/themes/themeBuilder.ts#lines-12:17 */\n        font-size: ", ";\n        line-height: 1.5rem;\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n      }\n\n      &[data-debounce='true'] {\n        .", " {\n          display: none;\n        }\n      }\n\n      &:not([data-debounce='true']) {\n        > code:not([data-language='plaintext']):not([data-language='none']):not([data-language='']) {\n          color: transparent;\n          caret-color: ", ";\n        }\n      }\n    }\n  }\n\n  .ProseMirror li > .code-block {\n    margin: 0;\n  }\n\n  .ProseMirror .code-block.", ":not(.danger) {\n    ", "\n  }\n\n  /* Danger when top level node */\n  .ProseMirror .danger.code-block {\n    box-shadow: 0 0 0 ", "px\n      ", ";\n\n    .", " {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n\n  /* Danger when nested node */\n  .ProseMirror .danger .code-block {\n    .", " {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n"])), (0, _editorSharedStyles.overflowShadow)({
-    // TODO: https://product-fabric.atlassian.net/browse/DSP-4118
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    background: (0, _components.themed)({
-      light: _colors.N20,
-      dark: _colors.DN50
-    })(props),
-    width: '8px'
-  }), (0, _components.themed)({
-    light: (0, _tokens.token)('color.background.neutral', _colors.N20),
-    dark: (0, _tokens.token)('color.background.neutral', _colors.DN50)
-  })(props), _editorSharedStyles.akEditorCodeFontFamily, (0, _constants.borderRadius)(), _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorTableCellMinWidth, _classNames.codeBlockClassNames.gutter, (0, _components.themed)({
-    light: (0, _tokens.token)('color.background.neutral', _colors.N30),
-    dark: (0, _tokens.token)('color.background.neutral', _colors.DN20)
-  })(props), (0, _constants.gridSize)(), (0, _components.themed)({
-    light: (0, _tokens.token)('color.text.subtlest', _colors.N90),
-    dark: (0, _tokens.token)('color.text.subtlest', _colors.DN90)
-  })(props), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _components.themed)({
-    light: (0, _tokens.token)('color.text.subtle', _colors.N400),
-    dark: (0, _tokens.token)('color.text.subtle', _colors.DN400)
-  })(props), _classNames.codeBlockClassNames.highlighting, (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), _classNames.codeBlockClassNames.content, (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _constants.borderRadius)(), (0, _constants.gridSize)(), _classNames.codeBlockClassNames.highlighting, (0, _components.themed)({
-    light: (0, _tokens.token)('color.text', _colors.N800),
-    dark: (0, _tokens.token)('color.text', _colors.DN500)
-  })(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.akEditorSelectedBorderSize, (0, _tokens.token)('color.border.danger', _editorSharedStyles.akEditorDeleteBorder), _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.blanket.danger', _colors.R75), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.background.danger', _editorSharedStyles.akEditorDeleteBackground), _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.blanket.danger', 'rgba(255, 143, 115, 0.5)'), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.background.danger', 'rgba(255, 189, 173, 0.5)'));
-};
-
-exports.highlightingCodeBlockStyles = highlightingCodeBlockStyles;
+var _templateObject;
 
 var codeBlockStyles = function codeBlockStyles(props) {
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", "\n  }\n\n  .ProseMirror li > .code-block {\n    margin: 0;\n  }\n\n  .ProseMirror .code-block.", ":not(.danger) {\n    ", "\n  }\n\n  /* Danger when top level node */\n  .ProseMirror .danger.code-block {\n    box-shadow: 0 0 0 ", "px ", ";\n\n    .", " {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n\n  /* Danger when nested node */\n  .ProseMirror .danger .code-block {\n    .", " {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n"])), (0, _styles.codeBlockSharedStyles)(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.blanket.danger', _colors.R75), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.background.danger', _editorSharedStyles.akEditorDeleteBackground), _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.blanket.danger', 'rgba(255, 143, 115, 0.5)'), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.background.danger', 'rgba(255, 189, 173, 0.5)'));
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", "\n  }\n\n  .ProseMirror li > .code-block {\n    margin: 0;\n  }\n\n  .ProseMirror .code-block.", ":not(.danger) {\n    ", "\n  }\n\n  /* Danger when top level node */\n  .ProseMirror .danger.code-block {\n    box-shadow: 0 0 0 ", "px ", ";\n\n    .", " {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n\n  /* Danger when nested node */\n  .ProseMirror .danger .code-block {\n    .", " {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n"])), (0, _styles.codeBlockSharedStyles)(props), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.blanket.danger', _colors.R75), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.background.danger', _editorSharedStyles.akEditorDeleteBackground), _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.blanket.danger', 'rgba(255, 143, 115, 0.5)'), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.background.danger', 'rgba(255, 189, 173, 0.5)'));
 };
 
 exports.codeBlockStyles = codeBlockStyles;

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

@@ -19,6 +19,8 @@ var _actions = require("./actions");
 
 var _messages = _interopRequireDefault(require("../../messages"));
 
+var _codeBlockCopySelectionPlugin = require("./pm-plugins/codeBlockCopySelectionPlugin");
+
 var _decoration = require("../base/pm-plugins/decoration");
 
 var _pluginKey = require("./plugin-key");
@@ -91,9 +93,16 @@ var getToolbarConfig = function getToolbarConfig() {
       type: 'button',
       appearance: 'subtle',
       icon: _copy.default,
+      // note: copyContentToClipboard contains logic that also removes the
+      // visual feedback for the copy button
       onClick: _actions.copyContentToClipboard,
       title: formatMessage(codeBlockState.contentCopied ? _messages.default.copiedToClipboard : _messages.default.copyToClipboard),
+      onMouseEnter: _codeBlockCopySelectionPlugin.provideVisualFeedbackForCopyButton,
+      // note: resetCopiedState contains logic that also removes the
+      // visual feedback for the copy button
       onMouseLeave: _actions.resetCopiedState,
+      onFocus: _codeBlockCopySelectionPlugin.provideVisualFeedbackForCopyButton,
+      onBlur: _codeBlockCopySelectionPlugin.removeVisualFeedbackForCopyButton,
       hideTooltipOnClick: false,
       disabled: codeBlockState.isNodeSelected,
       tabIndex: null

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

@@ -9,7 +9,6 @@ var _styles = require("@atlaskit/editor-common/styles");
 
 var codeBlockClassNames = {
   gutter: _styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER,
-  content: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT,
-  highlighting: 'code-highlighting'
+  content: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
 };
 exports.codeBlockClassNames = codeBlockClassNames;

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

@@ -3,47 +3,67 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resetCopiedState = exports.copy = void 0;
-
-var _prosemirrorUtils = require("prosemirror-utils");
+exports.resetCopiedState = exports.createToolbarCopyCommand = void 0;
 
 var _pluginKey = require("./pm-plugins/plugin-key");
 
 var _decoration = require("../base/pm-plugins/decoration");
 
-var _prosemirrorModel = require("prosemirror-model");
-
 var _clipboard = require("../../utils/clipboard");
 
-var copy = function copy(nodeType) {
+var _utils = require("./utils");
+
+var _analytics = require("../analytics");
+
+var _main = require("../clipboard/pm-plugins/main");
+
+var createToolbarCopyCommand = function createToolbarCopyCommand(nodeType) {
   return function (state, dispatch) {
     var tr = state.tr,
         schema = state.schema; // 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
 
-    var node = (0, _prosemirrorUtils.findSelectedNodeOfType)(nodeType)(tr.selection);
-
-    if (!node) {
-      node = (0, _prosemirrorUtils.findParentNodeOfType)(nodeType)(tr.selection);
-    }
+    var node = (0, _utils.getSelectedNodeOrNodeParentByNodeType)({
+      nodeType: nodeType,
+      selection: tr.selection
+    });
 
     if (!node) {
       return false;
     }
 
-    var domNode = _prosemirrorModel.DOMSerializer.fromSchema(schema).serializeNode(node.node);
-
-    var 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
+    var domNode = (0, _utils.toDOM)(node.node, schema);
+
+    if (domNode) {
+      var 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 []');
+      }
+
+      (0, _clipboard.copyHTMLToClipboard)(div.innerHTML);
+    }
 
-    div.firstChild.setAttribute('data-pm-slice', '0 0 []');
-    (0, _clipboard.copyHTMLToClipboard)(div.innerHTML);
     var copyToClipboardTr = tr;
     copyToClipboardTr.setMeta(_pluginKey.pluginKey, {
       copied: true
     });
+    var analyticsPayload = (0, _main.getAnalyticsPayload)(state, _analytics.ACTION.COPIED);
+
+    if (analyticsPayload) {
+      analyticsPayload.attributes.inputMethod = _analytics.INPUT_METHOD.FLOATING_TB;
+      analyticsPayload.attributes.nodeType = node.node.type.name;
+      (0, _analytics.addAnalytics)(state, copyToClipboardTr, analyticsPayload);
+    }
 
     if (dispatch) {
       dispatch(copyToClipboardTr);
@@ -53,7 +73,7 @@ var copy = function copy(nodeType) {
   };
 };
 
-exports.copy = copy;
+exports.createToolbarCopyCommand = createToolbarCopyCommand;
 
 var resetCopiedState = function resetCopiedState(nodeType, onMouseLeave) {
   return function (state, dispatch) {

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showCopyButton = exports.getCopyButtonConfig = void 0;
+
+var _copy = _interopRequireDefault(require("@atlaskit/icon/glyph/copy"));
+
+var _messages = _interopRequireDefault(require("../../messages"));
+
+var _decoration = require("../base/pm-plugins/decoration");
+
+var _commands = require("./commands");
+
+var _pluginKey = require("./pm-plugins/plugin-key");
+
+var getCopyButtonConfig = function getCopyButtonConfig(state, formatMessage, nodeType, onMouseEnter, onMouseLeave) {
+  var copyButtonState = _pluginKey.pluginKey.getState(state);
+
+  return {
+    id: 'editor.floatingToolbar.copy',
+    type: 'button',
+    appearance: 'subtle',
+    icon: _copy.default,
+    onClick: (0, _commands.createToolbarCopyCommand)(nodeType),
+    title: formatMessage(copyButtonState !== null && copyButtonState !== void 0 && copyButtonState.copied ? _messages.default.copiedToClipboard : _messages.default.copyToClipboard),
+    onMouseEnter: onMouseEnter || (0, _decoration.hoverDecoration)(nodeType, true, 'ak-editor-selected-node'),
+    onMouseLeave: (0, _commands.resetCopiedState)(nodeType, onMouseLeave),
+    onFocus: (0, _decoration.hoverDecoration)(nodeType, true, 'ak-editor-selected-node'),
+    onBlur: (0, _decoration.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
+
+  };
+};
+
+exports.getCopyButtonConfig = getCopyButtonConfig;
+
+var showCopyButton = function showCopyButton(state) {
+  return state && // Check if the Copy button plugin is enabled
+  // @ts-ignore pluginKey.key
+  state.plugins.find(function (p) {
+    return p.key === _pluginKey.pluginKey.key;
+  });
+};
+
+exports.showCopyButton = showCopyButton;

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

@@ -1,51 +1,29 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showCopyButton = exports.getCopyButtonConfig = void 0;
-
-var _copy = _interopRequireDefault(require("@atlaskit/icon/glyph/copy"));
-
-var _messages = _interopRequireDefault(require("../../messages"));
+exports.getSelectedNodeOrNodeParentByNodeType = getSelectedNodeOrNodeParentByNodeType;
+exports.toDOM = void 0;
 
-var _decoration = require("../base/pm-plugins/decoration");
+var _prosemirrorUtils = require("prosemirror-utils");
 
-var _commands = require("./commands");
+var _prosemirrorModel = require("prosemirror-model");
 
-var _pluginKey = require("./pm-plugins/plugin-key");
+function getSelectedNodeOrNodeParentByNodeType(_ref) {
+  var nodeType = _ref.nodeType,
+      selection = _ref.selection;
+  var node = (0, _prosemirrorUtils.findSelectedNodeOfType)(nodeType)(selection);
 
-var getCopyButtonConfig = function getCopyButtonConfig(state, formatMessage, nodeType, onMouseEnter, onMouseLeave) {
-  var copyButtonState = _pluginKey.pluginKey.getState(state);
-
-  return {
-    id: 'editor.floatingToolbar.copy',
-    type: 'button',
-    appearance: 'subtle',
-    icon: _copy.default,
-    onClick: (0, _commands.copy)(nodeType),
-    title: formatMessage(copyButtonState !== null && copyButtonState !== void 0 && copyButtonState.copied ? _messages.default.copiedToClipboard : _messages.default.copyToClipboard),
-    onMouseEnter: onMouseEnter || (0, _decoration.hoverDecoration)(nodeType, true, 'ak-editor-selected-node'),
-    onMouseLeave: (0, _commands.resetCopiedState)(nodeType, onMouseLeave),
-    onFocus: (0, _decoration.hoverDecoration)(nodeType, true, 'ak-editor-selected-node'),
-    onBlur: (0, _decoration.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
-
-  };
-};
+  if (!node) {
+    node = (0, _prosemirrorUtils.findParentNodeOfType)(nodeType)(selection);
+  }
 
-exports.getCopyButtonConfig = getCopyButtonConfig;
+  return node;
+}
 
-var showCopyButton = function showCopyButton(state) {
-  return state && // Check if the Copy button plugin is enabled
-  // @ts-ignore pluginKey.key
-  state.plugins.find(function (p) {
-    return p.key === _pluginKey.pluginKey.key;
-  });
+var toDOM = function toDOM(node, schema) {
+  return _prosemirrorModel.DOMSerializer.fromSchema(schema).serializeNode(node);
 };
 
-exports.showCopyButton = showCopyButton;
+exports.toDOM = toDOM;

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getToolbarConfig = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
 
 var _messages = _interopRequireDefault(require("../../messages"));
@@ -17,6 +19,8 @@ var _decoration = require("../base/pm-plugins/decoration");
 
 var _pluginFactory = require("./pm-plugins/plugin-factory");
 
+var _toolbar = require("../copy-button/toolbar");
+
 var getToolbarConfig = function getToolbarConfig(state, _ref) {
   var formatMessage = _ref.formatMessage;
 
@@ -34,7 +38,9 @@ var getToolbarConfig = function getToolbarConfig(state, _ref) {
       },
       nodeType: [nestedExpand, expand],
       offset: [0, 6],
-      items: [{
+      items: [].concat((0, _toConsumableArray2.default)(state && (0, _toolbar.showCopyButton)(state) ? [(0, _toolbar.getCopyButtonConfig)(state, formatMessage, [nestedExpand, expand]), {
+        type: 'separator'
+      }] : []), [{
         id: 'editor.expand.delete',
         type: 'button',
         appearance: 'danger',
@@ -46,7 +52,7 @@ var getToolbarConfig = function getToolbarConfig(state, _ref) {
         onBlur: (0, _decoration.hoverDecoration)([nestedExpand, expand], false),
         title: formatMessage(_messages.default.remove),
         tabIndex: null
-      }]
+      }])
     };
   }
 

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

@@ -37,6 +37,8 @@ var _commands = require("./commands");
 
 var _pluginKey = require("../macro/plugin-key");
 
+var _toolbar = require("../copy-button/toolbar");
+
 var messages = (0, _reactIntlNext.defineMessages)({
   edit: {
     id: 'fabric.editor.edit',
@@ -141,7 +143,9 @@ var getToolbarConfig = function getToolbarConfig() {
         }, {
           type: 'extensions-placeholder',
           separator: 'end'
-        }, {
+        }], (0, _toConsumableArray2.default)(state && (0, _toolbar.showCopyButton)(state) ? [(0, _toolbar.getCopyButtonConfig)(state, intl.formatMessage, nodeType), {
+          type: 'separator'
+        }] : []), [{
           id: 'editor.extension.delete',
           type: 'button',
           icon: _remove.default,

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

@@ -32,7 +32,7 @@ var wrapperStyle = function wrapperStyle(theme, extensionWidth) {
 };
 
 exports.wrapperStyle = wrapperStyle;
-var header = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px ", "px;\n  vertical-align: middle;\n\n  &.with-children:not(.without-frame) {\n    padding: 4px 8px 8px;\n  }\n  &.without-frame {\n    padding: 0;\n  }\n"])), _styles.padding / 2, _styles.padding / 2, _styles.padding / 4);
+var header = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px 0px;\n  vertical-align: middle;\n\n  &.with-children:not(.without-frame) {\n    padding: 4px 8px 8px;\n  }\n  &.without-frame {\n    padding: 0;\n  }\n"])), _styles.padding / 2, _styles.padding / 2);
 exports.header = header;
 
 var content = function content(theme) {

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

@@ -20,7 +20,7 @@ var _tokens = require("@atlaskit/tokens");
 var _templateObject;
 
 var wrapperStyle = function wrapperStyle(theme) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  cursor: pointer;\n  display: inline-flex;\n  margin: 1px;\n\n  > img {\n    border-radius: ", "px;\n  }\n\n  &::after,\n  &::before {\n    vertical-align: text-top;\n    display: inline-block;\n    width: 1px;\n    content: '';\n  }\n\n  &.with-children {\n    padding: 0;\n    background: ", ";\n  }\n"])), (0, _styles.wrapperDefault)(theme), (0, _constants.borderRadius)(), (0, _tokens.token)('color.background.neutral.subtle', 'white'));
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  cursor: pointer;\n  display: inline-flex;\n  margin: 1px 1px 4px;\n\n  > img {\n    border-radius: ", "px;\n  }\n\n  &::after,\n  &::before {\n    vertical-align: text-top;\n    display: inline-block;\n    width: 1px;\n    content: '';\n  }\n\n  &.with-children {\n    padding: 0;\n    background: ", ";\n  }\n"])), (0, _styles.wrapperDefault)(theme), (0, _constants.borderRadius)(), (0, _tokens.token)('color.background.neutral.subtle', 'white'));
 };
 
 exports.wrapperStyle = wrapperStyle;

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

@@ -17,8 +17,6 @@ var _components = require("@atlaskit/theme/components");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _tokens = require("@atlaskit/tokens");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
@@ -29,12 +27,12 @@ var BODIED_EXT_PADDING = padding * 2;
 exports.BODIED_EXT_PADDING = BODIED_EXT_PADDING;
 
 var wrapperDefault = function wrapperDefault(theme) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  position: relative;\n  vertical-align: middle;\n  font-size: ", ";\n\n  .ProseMirror-selectednode > span > & > .extension-overlay {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n    opacity: 1;\n  }\n\n  &.with-overlay {\n    .extension-overlay {\n      background: ", ";\n      color: transparent;\n    }\n\n    &:hover .extension-overlay {\n      opacity: 1;\n    }\n  }\n"])), (0, _components.themed)({
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  position: relative;\n  vertical-align: middle;\n\n  .ProseMirror-selectednode > span > & > .extension-overlay {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n    opacity: 1;\n  }\n\n  &.with-overlay {\n    .extension-overlay {\n      background: ", ";\n      color: transparent;\n    }\n\n    &:hover .extension-overlay {\n      opacity: 1;\n    }\n  }\n"])), (0, _components.themed)({
     light: (0, _tokens.token)('color.background.neutral', _colors.N20),
     dark: (0, _tokens.token)('color.background.neutral', _colors.DN50)
   })(theme), (0, _constants.borderRadius)(), (0, _components.themed)({
     dark: (0, _tokens.token)('color.text', _colors.DN700)
-  })(theme), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _tokens.token)('color.border.selected', _colors.B200), (0, _tokens.token)('color.background.neutral.hovered', _colors.N20A));
+  })(theme), (0, _tokens.token)('color.border.selected', _colors.B200), (0, _tokens.token)('color.background.neutral.hovered', _colors.N20A));
 };
 
 exports.wrapperDefault = wrapperDefault;

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

@@ -7,22 +7,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createFeatureFlagsFromProps = createFeatureFlagsFromProps;
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-var _utils = require("@atlaskit/editor-common/utils");
+var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var safeNumberFeatureFlag = function safeNumberFeatureFlag(value) {
-  var 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 (0, _typeof2.default)(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 (0, _typeof2.default)(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.
@@ -30,7 +43,7 @@ var safeNumberFeatureFlag = function safeNumberFeatureFlag(value) {
 
 
 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;
 
   var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -60,16 +73,14 @@ 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 && !_utils.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/cjs/plugins/feedback-dialog/index.js

@@ -21,7 +21,7 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _assets = require("../quick-insert/assets");
 
-var _version = require("../../version.json");
+var _versionWrapper = require("../../version-wrapper");
 
 var _analytics = require("../analytics");
 
@@ -78,7 +78,7 @@ var openFeedbackDialog = /*#__PURE__*/function () {
 
                         _context.prev = 3;
                         _context.next = 6;
-                        return (0, _loadJiraCollectorDialogScript.default)([combinedFeedbackInfo.product].concat((0, _toConsumableArray2.default)(combinedFeedbackInfo.labels)), combinedFeedbackInfo.packageName, _version.version, combinedFeedbackInfo.packageVersion, combinedFeedbackInfo.sessionId, combinedFeedbackInfo.contentId, combinedFeedbackInfo.tabId);
+                        return (0, _loadJiraCollectorDialogScript.default)([combinedFeedbackInfo.product].concat((0, _toConsumableArray2.default)(combinedFeedbackInfo.labels)), combinedFeedbackInfo.packageName, _versionWrapper.version, combinedFeedbackInfo.packageVersion, combinedFeedbackInfo.sessionId, combinedFeedbackInfo.contentId, combinedFeedbackInfo.tabId);
 
                       case 6:
                         showJiraCollectorDialog = _context.sent;

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

@@ -83,11 +83,6 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeydown", function (event) {
-      if (event.metaKey && event.key === 'f') {
-        event.preventDefault();
-      }
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpen", function () {
       if (_this.props.isActive) {
         _this.props.onCancel({
@@ -101,21 +96,6 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
   }
 
   (0, _createClass2.default)(FindReplaceToolbarButton, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('keydown', this.handleKeydown);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('keydown', this.handleKeydown);
-    }
-    /**
-     * Prevent browser find opening if you hit cmd+f with cursor
-     * inside find/replace component
-     */
-
-  }, {
     key: "render",
     value: function render() {
       var _this2 = this;