@atlaskit/editor-core 169.0.0 → 170.0.0

package/dist/es2019/plugins/card/styles.js

@@ -4,6 +4,7 @@ import { N20 } from '@atlaskit/theme/colors';
 import { SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { token } from '@atlaskit/tokens';
+export const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
 export const smartCardStyles = css`
   .${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER} {
     max-width: calc(100% - 20px);
@@ -98,4 +99,8 @@ export const smartCardStyles = css`
       }
     }
   }
+
+  .${FLOATING_TOOLBAR_LINKPICKER_CLASSNAME} {
+    padding: 0;
+  }
 `;

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

@@ -18,6 +18,7 @@ import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { messages } from './messages';
 import buildLayoutButtons from '../../ui/MediaAndEmbedsToolbar';
 import { buildVisitedLinkPayload } from '../../utils/linking-utils';
+import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME } from './styles';
 export const removeCard = (state, dispatch) => {
   if (!(state.selection instanceof NodeSelection)) {
     return false;
@@ -227,9 +228,12 @@ export const floatingToolbar = (cardOptions, platform) => {
 
     const toolbarOffset = isEmbedCard ? {
       offset: [0, 24]
-    } : {};
+    } : {}; // Applies padding override for when link picker is currently displayed
+
+    const className = pluginState.showLinkingToolbar ? FLOATING_TOOLBAR_LINKPICKER_CLASSNAME : undefined;
     return {
       title: intl.formatMessage(messages.card),
+      className,
       nodeType,
       ...toolbarOffset,
       getDomRef: view => {

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

@@ -1,10 +1,11 @@
 import { css } from '@emotion/react';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
-import * as colors from '@atlaskit/theme/colors';
+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 { 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;
@@ -12,15 +13,15 @@ export const highlightingCodeBlockStyles = props => css`
   // TODO: https://product-fabric.atlassian.net/browse/DSP-4118
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   background: themed({
-    light: colors.N20,
-    dark: colors.DN50
+    light: N20,
+    dark: DN50
   })(props),
   width: '8px'
 })};
     background-repeat: no-repeat;
     background-color: ${themed({
-  light: token('color.background.neutral', colors.N20),
-  dark: token('color.background.neutral', colors.DN50)
+  light: token('color.background.neutral', N20),
+  dark: token('color.background.neutral', DN50)
 })(props)};
 
     --ds--code--bg-color: transparent;
@@ -42,13 +43,13 @@ export const highlightingCodeBlockStyles = props => css`
       flex-shrink: 0;
       text-align: right;
       background-color: ${themed({
-  light: token('color.background.neutral', colors.N30),
-  dark: token('color.background.neutral', colors.DN20)
+  light: token('color.background.neutral', N30),
+  dark: token('color.background.neutral', DN20)
 })(props)};
       padding: ${gridSize()}px;
       color: ${themed({
-  light: token('color.text.subtlest', colors.N90),
-  dark: token('color.text.subtlest', colors.DN90)
+  light: token('color.text.subtlest', N90),
+  dark: token('color.text.subtlest', DN90)
 })(props)};
 
       span {
@@ -63,8 +64,8 @@ export const highlightingCodeBlockStyles = props => css`
           font-size: ${relativeFontSizeToBase16(fontSize())};
           line-height: 1.5rem;
           color: ${themed({
-  light: token('color.text.subtle', colors.N400),
-  dark: token('color.text.subtle', colors.DN400)
+  light: token('color.text.subtle', N400),
+  dark: token('color.text.subtle', DN400)
 })(props)};
         }
       }
@@ -117,8 +118,8 @@ export const highlightingCodeBlockStyles = props => css`
         > code:not([data-language='plaintext']):not([data-language='none']):not([data-language='']) {
           color: transparent;
           caret-color: ${themed({
-  light: token('color.text', colors.N800),
-  dark: token('color.text', colors.DN500)
+  light: token('color.text', N800),
+  dark: token('color.text', DN500)
 })(props)};
         }
       }
@@ -139,7 +140,7 @@ export const highlightingCodeBlockStyles = props => css`
       ${token('color.border.danger', akEditorDeleteBorder)};
 
     .${codeBlockClassNames.gutter} {
-      background-color: ${token('color.blanket.danger', colors.R75)};
+      background-color: ${token('color.blanket.danger', R75)};
       color: ${token('color.text.danger', akEditorDeleteIconColor)};
     }
 
@@ -161,86 +162,8 @@ export const highlightingCodeBlockStyles = props => css`
   }
 `;
 export const codeBlockStyles = 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: colors.N20,
-    dark: colors.DN50
-  })(props),
-  width: '8px'
-})};
-
-    --ds--code--bg-color: transparent;
-
-    background-repeat: no-repeat;
-    background-color: ${themed({
-  light: token('color.background.neutral', colors.N20),
-  dark: token('color.background.neutral', colors.DN50)
-})(props)};
-    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', colors.N30),
-  dark: token('color.background.neutral', colors.DN20)
-})(props)};
-      padding: ${gridSize()}px;
-
-      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', colors.N400),
-  dark: token('color.text', colors.DN400)
-})(props)};
-        }
-      }
-    }
-
-    .${codeBlockClassNames.content} {
-      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;
-        color: ${themed({
-  light: token('color.text', colors.N800),
-  dark: token('color.text', colors.DN800)
-})(props)};
-        border-radius: ${borderRadius()}px;
-        margin: ${gridSize()}px;
-        white-space: pre;
-      }
-    }
+  .ProseMirror {
+    ${codeBlockSharedStyles(props)}
   }
 
   .ProseMirror li > .code-block {
@@ -256,7 +179,7 @@ export const codeBlockStyles = props => css`
     box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder};
 
     .${codeBlockClassNames.gutter} {
-      background-color: ${token('color.blanket.danger', colors.R75)};
+      background-color: ${token('color.blanket.danger', R75)};
       color: ${token('color.text.danger', akEditorDeleteIconColor)};
     }
 

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

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

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

@@ -0,0 +1,64 @@
+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) => {
+  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);
+  }
+
+  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
+
+  div.firstChild.setAttribute('data-pm-slice', '0 0 []');
+  copyHTMLToClipboard(div.innerHTML);
+  const copyToClipboardTr = tr;
+  copyToClipboardTr.setMeta(pluginKey, {
+    copied: true
+  });
+
+  if (dispatch) {
+    dispatch(copyToClipboardTr);
+  }
+
+  return true;
+};
+export const resetCopiedState = (nodeType, onMouseLeave) => (state, dispatch) => {
+  let customTr = state.tr; // Avoid multipe dispatch
+  // https://product-fabric.atlassian.net/wiki/spaces/E/pages/2241659456/All+about+dispatch+and+why+there+shouldn+t+be+multiple#How-do-I-avoid-them%3F
+
+  const customDispatch = tr => {
+    customTr = tr;
+  };
+
+  onMouseLeave ? onMouseLeave(state, customDispatch) : hoverDecoration(nodeType, false)(state, customDispatch);
+  const copyButtonState = pluginKey.getState(state);
+
+  if (copyButtonState !== null && copyButtonState !== void 0 && copyButtonState.copied) {
+    customTr.setMeta(pluginKey, {
+      copied: false
+    });
+  }
+
+  if (dispatch) {
+    dispatch(customTr);
+  }
+
+  return true;
+};

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

@@ -0,0 +1,15 @@
+import createPlugin from './pm-plugins/main';
+
+const copyButtonPlugin = () => ({
+  name: 'copyButton',
+
+  pmPlugins() {
+    return [{
+      name: 'copyButton',
+      plugin: () => createPlugin()
+    }];
+  }
+
+});
+
+export default copyButtonPlugin;

package/dist/es2019/plugins/copy-button/pm-plugins/main.js

@@ -0,0 +1,28 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { pluginKey } from './plugin-key';
+export function copyButtonPlugin() {
+  return new SafePlugin({
+    state: {
+      init() {
+        return {
+          copied: false
+        };
+      },
+
+      apply(tr, pluginState) {
+        const meta = tr.getMeta(pluginKey);
+
+        if ((meta === null || meta === void 0 ? void 0 : meta.copied) !== undefined) {
+          return {
+            copied: meta.copied
+          };
+        }
+
+        return pluginState;
+      }
+
+    },
+    key: pluginKey
+  });
+}
+export default copyButtonPlugin;

package/dist/es2019/plugins/copy-button/pm-plugins/plugin-key.js

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

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

@@ -0,0 +1,29 @@
+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
+
+  };
+};
+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/feature-flags-context/feature-flags-from-props.js

@@ -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$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;
+  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;
 
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return { ...normalizedFeatureFlags,
@@ -50,6 +50,8 @@ export function createFeatureFlagsFromProps(props) {
     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)
+    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)
   };
 }

package/dist/es2019/plugins/indentation/messages.js

@@ -0,0 +1,14 @@
+// Common Translations will live here
+import { defineMessages } from 'react-intl-next';
+export const messages = defineMessages({
+  indent: {
+    id: 'fabric.editor.indent',
+    defaultMessage: 'Indent',
+    description: 'Indent a list item, paragraph or heading'
+  },
+  outdent: {
+    id: 'fabric.editor.outdent',
+    defaultMessage: 'Outdent',
+    description: 'Outdent a list item, paragraph or heading'
+  }
+});

package/dist/es2019/plugins/index.js

@@ -15,6 +15,7 @@ export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as layoutPlugin } from './layout';
 export { default as listPlugin } from './list';
+export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
 export { default as mediaPlugin } from './media';
@@ -63,4 +64,5 @@ export { default as undoRedoPlugin } from './undo-redo';
 export { default as avatarGroupPlugin } from './avatar-group';
 export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
 export { default as beforePrimaryToolbarPlugin } from './before-primaryToolbar';
-export { default as codeBidiWarningPlugin } from './code-bidi-warning';
+export { default as codeBidiWarningPlugin } from './code-bidi-warning';
+export { default as copyButtonPlugin } from './copy-button';

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

@@ -1,15 +1,12 @@
 import React from 'react';
 import { orderedList, bulletList, listItem } from '@atlaskit/adf-schema';
-import ToolbarLists from './ui/ToolbarLists';
-import { createPlugin, pluginKey } from './pm-plugins/main';
+import { createPlugin } from './pm-plugins/main';
 import inputRulePlugin from './pm-plugins/input-rules';
 import keymapPlugin from './pm-plugins/keymap';
-import WithPluginState from '../../ui/WithPluginState';
 import { messages } from './messages';
 import { addAnalytics, ACTION, EVENT_TYPE, INPUT_METHOD, ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { tooltip, toggleBulletList, toggleOrderedList } from '../../keymaps';
 import { IconList, IconListNumber } from '../quick-insert/assets';
-import { ToolbarSize } from '../../ui/Toolbar/types';
 
 const listPlugin = () => ({
   name: 'list',
@@ -93,47 +90,7 @@ const listPlugin = () => ({
       }
 
     }]
-  },
-
-  primaryToolbarComponent({
-    editorView,
-    popupsMountPoint,
-    popupsBoundariesElement,
-    popupsScrollableElement,
-    toolbarSize,
-    disabled,
-    isToolbarReducedSpacing
-  }) {
-    const isSmall = toolbarSize < ToolbarSize.L;
-    return /*#__PURE__*/React.createElement(WithPluginState, {
-      plugins: {
-        listState: pluginKey
-      },
-      render: ({
-        listState: listState
-      }) => {
-        if (!listState) {
-          return null;
-        }
-
-        return /*#__PURE__*/React.createElement(ToolbarLists, {
-          isSmall: isSmall,
-          isSeparator: true,
-          isReducedSpacing: isToolbarReducedSpacing,
-          disabled: disabled,
-          editorView: editorView,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          bulletListActive: listState.bulletListActive,
-          bulletListDisabled: listState.bulletListDisabled,
-          orderedListActive: listState.orderedListActive,
-          orderedListDisabled: listState.orderedListDisabled
-        });
-      }
-    });
   }
-
 });
 
 export default listPlugin;

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

@@ -16,6 +16,7 @@ import { DEFAULT_BORDER_COLOR } from '../../ui/ColorPalette/Palettes';
 import { PanelType } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../analytics';
 import { messages } from './message';
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/utils';
 export const panelIconMap = {
   [PanelType.INFO]: {
     shortName: ':info:',
@@ -42,7 +43,7 @@ export const panelIconMap = {
     id: 'atlassian-tip'
   }
 };
-export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon) => {
+export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon, state) => {
   // TODO: ED-14403 investigate why these titles are not getting translated for the tooltips
   const items = [{
     id: 'editor.panel.info',
@@ -231,6 +232,12 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
     }
   }
 
+  if (state && showCopyButton(state)) {
+    items.push({
+      type: 'separator'
+    }, getCopyButtonConfig(state, formatMessage, panelNodeType));
+  }
+
   items.push({
     type: 'separator'
   }, {
@@ -267,7 +274,7 @@ export const getToolbarConfig = (state, intl, options = {}, providerFactory) =>
     }; // force toolbar to be turned on
 
 
-    const items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined);
+    const items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
 
     const getDomRef = editorView => {
       const domAtPos = editorView.domAtPos.bind(editorView);

package/dist/es2019/plugins/quick-insert/search.js

@@ -2,16 +2,15 @@ import Fuse from 'fuse.js';
 import { dedupe } from '../../utils';
 const options = {
   threshold: 0.3,
-  keys: [// Weights must sum to <= 1.0
-  {
+  keys: [{
     name: 'title',
-    weight: 0.5
+    weight: 0.57
   }, {
     name: 'priority',
     weight: 0.3
   }, {
     name: 'keywords',
-    weight: 0.15
+    weight: 0.08
   }, {
     name: 'description',
     weight: 0.04

package/dist/es2019/plugins/table/commands/hover.js

@@ -70,7 +70,7 @@ export const hoverRows = (hoveredRows, isInDanger) => createCommand(state => {
     }
   };
 }, tr => tr.setMeta('addToHistory', false));
-export const hoverTable = isInDanger => createCommand(state => {
+export const hoverTable = (isInDanger, isSelected) => createCommand(state => {
   const table = findTable(state.selection);
 
   if (!table) {
@@ -86,7 +86,7 @@ export const hoverTable = isInDanger => createCommand(state => {
     return false;
   }
 
-  const decorations = createControlsHoverDecoration(cells, 'table', isInDanger);
+  const decorations = createControlsHoverDecoration(cells, 'table', isInDanger, isSelected);
   return {
     type: 'HOVER_TABLE',
     data: {

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

@@ -14,7 +14,8 @@ import { splitCell } from '@atlaskit/editor-tables/utils';
 import tableMessages from './ui/messages';
 import { messages as ContextualMenuMessages } from './ui/FloatingContextualMenu/ContextualMenu';
 import { findParentDomRefOfType } from 'prosemirror-utils';
-import { closestElement } from '../../utils/dom'; // TODO: ED-14403 investigate why these translations don't work
+import { closestElement } from '../../utils/dom';
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/utils'; // TODO: ED-14403 investigate why these translations don't work
 
 export const messages = defineMessages({
   tableOptions: {
@@ -244,7 +245,9 @@ export const getToolbarConfig = config => (state, intl) => {
       items: [menu, separator(menu.hidden), ...cellItems, {
         type: 'extensions-placeholder',
         separator: 'end'
-      }, {
+      }, ...(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, nodeType, hoverTable(false, true), clearHoverSelection()), {
+        type: 'separator'
+      }] : []), {
         id: 'editor.table.delete',
         type: 'button',
         appearance: 'danger',

package/dist/es2019/plugins/table/utils/decoration.js

@@ -13,13 +13,17 @@ export const createCellHoverDecoration = (cells, type) => cells.map(cell => Deco
 }, {
   key: TableDecorations.CELL_CONTROLS_HOVER
 }));
-export const createControlsHoverDecoration = (cells, type, danger) => cells.map(cell => {
+export const createControlsHoverDecoration = (cells, type, danger, selected) => cells.map(cell => {
   const classes = [ClassName.HOVERED_CELL];
 
   if (danger) {
     classes.push(ClassName.HOVERED_CELL_IN_DANGER);
   }
 
+  if (selected) {
+    classes.push(ClassName.SELECTED_CELL);
+  }
+
   classes.push(type === 'column' ? ClassName.HOVERED_COLUMN : type === 'row' ? ClassName.HOVERED_ROW : ClassName.HOVERED_TABLE);
   let key;