@atlaskit/editor-core 176.0.2 → 177.0.0

package/dist/es2019/plugins/card/ui/LinkToolbarAppearance.js

@@ -1,17 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
 import PropTypes from 'prop-types';
 import { Fragment } from 'prosemirror-model';
-import { setSelectedCardAppearance, changeSelectedCardToLink } from '../pm-plugins/doc';
+import React from 'react';
+import nodeNames from '../../../messages';
 import { isSupportedInParent } from '../../../utils/nodes';
-import Dropdown from '../../floating-toolbar/ui/Dropdown';
 import { messages } from '../messages';
-import nodeNames from '../../../messages';
-import { getFeatureFlags } from '../../../plugins/feature-flags-context';
-import { LinkToolbarIconDropdown } from './LinkToolbarIconDropdown';
-import { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
+import { changeSelectedCardToLink, setSelectedCardAppearance } from '../pm-plugins/doc';
 import { getButtonGroupOption } from './link-toolbar-button-group-options';
-import { getIconDropdownOption } from './link-toolbar-icon-dropdown-options';
+import { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
 export class LinkToolbarAppearance extends React.Component {
   constructor(...args) {
     super(...args);
@@ -82,34 +78,9 @@ export class LinkToolbarAppearance extends React.Component {
         options.push(embedOption);
       }
 
-      const {
-        viewChangingExperimentToolbarStyle
-      } = getFeatureFlags(editorState);
-
-      if (viewChangingExperimentToolbarStyle === 'toolbarIcons') {
-        return /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
-          key: "link-toolbar-button-group",
-          options: options.map(option => getButtonGroupOption(intl, dispatchCommand, option))
-        });
-      }
-
-      if (viewChangingExperimentToolbarStyle === 'newDropdown') {
-        return /*#__PURE__*/React.createElement(LinkToolbarIconDropdown, {
-          key: "link-toolbar-icon-dropdown",
-          title: "Change view",
-          buttonTestId: "link-toolbar-appearance-button",
-          dispatchCommand: dispatchCommand,
-          options: options.map(option => getIconDropdownOption(intl, dispatchCommand, option))
-        });
-      }
-
-      const title = intl.formatMessage(currentAppearance ? messages[currentAppearance] : messages.url);
-      return /*#__PURE__*/React.createElement(Dropdown, {
-        key: "link-toolbar",
-        buttonTestId: "link-toolbar-appearance-button",
-        title: title,
-        dispatchCommand: dispatchCommand,
-        options: options
+      return /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
+        key: "link-toolbar-button-group",
+        options: options.map(option => getButtonGroupOption(intl, dispatchCommand, option))
       });
     });
   }

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

@@ -41,18 +41,31 @@ export const findCardInfo = state => {
   const pluginState = pluginKey.getState(state);
   return pluginState.cards.find(cardInfo => cardInfo.pos === state.selection.from);
 };
-export const transformUnsupportedBlockCardToInline = (slice, state) => {
+export const transformUnsupportedBlockCardToInline = (slice, state, cardOptions) => {
   const {
     blockCard,
     inlineCard
   } = state.schema.nodes;
   const children = [];
   mapChildren(slice.content, (node, i, frag) => {
-    if (node.type === blockCard && !isSupportedInParent(state, frag)) {
+    var _cardOptions$allowBlo;
+
+    if (node.type === blockCard && !isBlockCardSupported(state, frag, (_cardOptions$allowBlo = cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards) !== null && _cardOptions$allowBlo !== void 0 ? _cardOptions$allowBlo : false)) {
       children.push(inlineCard.createChecked(node.attrs, node.content, node.marks));
     } else {
       children.push(node);
     }
   });
   return new Slice(Fragment.fromArray(children), slice.openStart, slice.openEnd);
+};
+/**
+ * Function to determine if a block card is supported by the editor
+ * @param state
+ * @param frag
+ * @param allowBlockCards
+ * @returns
+ */
+
+const isBlockCardSupported = (state, frag, allowBlockCards) => {
+  return allowBlockCards && isSupportedInParent(state, frag);
 };

package/dist/es2019/plugins/collab-edit/actions.js

@@ -18,7 +18,7 @@ export const handleInit = (initData, view, options) => {
     tr.setMeta('isRemote', true);
     view.dispatch(tr);
   } else if (json) {
-    applyRemoteSteps(json, undefined, view);
+    applyRemoteSteps(json, view);
   }
 };
 export const handleConnection = (connectionData, view) => {
@@ -44,10 +44,10 @@ export const applyRemoteData = (remoteData, view, options) => {
   } = remoteData;
 
   if (json) {
-    applyRemoteSteps(json, userIds, view, options);
+    applyRemoteSteps(json, view, userIds, options);
   }
 };
-export const applyRemoteSteps = (json, userIds, view, options) => {
+export const applyRemoteSteps = (json, view, userIds, options) => {
   if (!json || !json.length) {
     return;
   }

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

@@ -17,7 +17,9 @@ export function getCopyButtonConfig(options) {
     state,
     formatMessage,
     onMouseEnter,
-    onMouseLeave
+    onMouseLeave,
+    onFocus,
+    onBlur
   } = options;
   const copyButtonState = copyButtonPluginKey.getState(state);
   let buttonActionHandlers;
@@ -28,11 +30,11 @@ export function getCopyButtonConfig(options) {
       // Note for future changes: these two handlers should perform
       // the same action.
       onMouseEnter: onMouseEnter || hoverDecoration(options.nodeType, true, 'ak-editor-selected-node'),
-      onFocus: hoverDecoration(options.nodeType, true, 'ak-editor-selected-node'),
+      onFocus: onFocus || hoverDecoration(options.nodeType, true, 'ak-editor-selected-node'),
       // Note for future changes: these two handlers should perform
       // the same action.
       onMouseLeave: resetCopiedState(options.nodeType, onMouseLeave),
-      onBlur: resetCopiedState(options.nodeType)
+      onBlur: resetCopiedState(options.nodeType, onBlur)
     };
   } else {
     buttonActionHandlers = {

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

@@ -6,7 +6,6 @@ import WithPluginState from '../../ui/WithPluginState';
 import { insertDate, closeDatePicker, closeDatePickerWithAnalytics, createDate, deleteDate } from './actions';
 import createDatePlugin from './pm-plugins/main';
 import keymap from './pm-plugins/keymap';
-import { getFeatureFlags } from '../feature-flags-context';
 import { pluginKey as editorDisabledPluginKey } from '../editor-disabled';
 import { IconDate } from '../quick-insert/assets';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../analytics';
@@ -53,7 +52,6 @@ const datePlugin = () => ({
     popupsScrollableElement
   }) {
     const {
-      state,
       dispatch
     } = editorView;
     const domAtPos = editorView.domAtPos.bind(editorView);
@@ -76,16 +74,11 @@ const datePlugin = () => ({
           focusDateInput
         } = datePlugin;
         const element = findDomRefAtPos(showDatePickerAt, domAtPos);
-        const allFlags = getFeatureFlags(state);
-        const {
-          keyboardAccessibleDatepicker
-        } = allFlags;
         return /*#__PURE__*/React.createElement(DatePicker, {
           mountTo: popupsMountPoint,
           boundariesElement: popupsBoundariesElement,
           scrollableElement: popupsScrollableElement,
           key: showDatePickerAt,
-          showTextField: keyboardAccessibleDatepicker,
           element: element,
           isNew: isNew,
           autoFocus: focusDateInput,

package/dist/es2019/plugins/date/ui/DatePicker/index.js

@@ -101,7 +101,6 @@ class DatePicker extends React.Component {
       mountTo,
       boundariesElement,
       scrollableElement,
-      showTextField,
       intl,
       dispatchAnalyticsEvent,
       isNew,
@@ -143,7 +142,7 @@ class DatePicker extends React.Component {
       scrollableElement: scrollableElement
     }, jsx("div", {
       css: popupContentWrapper
-    }, showTextField === true && jsx(DatePickerInput, {
+    }, jsx(DatePickerInput, {
       date: date,
       onNewDate: this.handleNewDate,
       onSubmitDate: this.handleKeyboardSubmitDate,

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

@@ -10,7 +10,6 @@ import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-inpu
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../analytics';
 import { IconEmoji } from '../quick-insert/assets';
 import { EmojiNodeView } from './nodeviews/emoji';
-import { EmojiContextProvider } from './ui/EmojiContextProvider';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { openTypeAheadAtCursor } from '../type-ahead/transforms/open-typeahead-at-cursor';
 export const emojiToTypeaheadItem = (emoji, emojiProvider) => ({
@@ -22,18 +21,13 @@ export const emojiToTypeaheadItem = (emoji, emojiProvider) => ({
     onClick,
     onHover
   }) {
-    return (
-      /*#__PURE__*/
-      // It's required to pass emojiProvider through the context for custom emojis to work
-      React.createElement(EmojiContextProvider, {
-        emojiProvider: emojiProvider
-      }, /*#__PURE__*/React.createElement(EmojiTypeAheadItem, {
-        emoji: emoji,
-        selected: isSelected,
-        onMouseMove: onHover,
-        onSelection: onClick
-      }))
-    );
+    return /*#__PURE__*/React.createElement(EmojiTypeAheadItem, {
+      emoji: emoji,
+      selected: isSelected,
+      onMouseMove: onHover,
+      onSelection: onClick,
+      emojiProvider: emojiProvider
+    });
   },
 
   emoji

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

@@ -6,11 +6,11 @@ import { setExpandRef } from '../commands';
 import { findExpand } from '../utils';
 import { expandClassNames } from '../ui/class-names';
 import { getPluginState, createPluginState, pluginKey } from './plugin-factory';
+export function containsClass(element, className) {
+  var _element$classList;
 
-function containsClass(element, className) {
-  return !!element && element.classList.contains(className);
+  return Boolean(element === null || element === void 0 ? void 0 : (_element$classList = element.classList) === null || _element$classList === void 0 ? void 0 : _element$classList.contains(className));
 }
-
 export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLongPressSelection = false) => {
   const state = createPluginState(dispatch, {});
   const isMobile = appearance === 'mobile';

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

@@ -33,6 +33,7 @@ export const getToolbarConfig = (state, {
         id: 'editor.expand.delete',
         type: 'button',
         appearance: 'danger',
+        focusEditoronEnter: true,
         icon: RemoveIcon,
         onClick: deleteExpand(),
         onMouseEnter: hoverDecoration([nestedExpand, expand], true),

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

@@ -1,7 +1,8 @@
 import { removeSelectedNode, removeParentNodeOfType } from 'prosemirror-utils';
 import { applyChange } from '../context-panel/transforms';
 import { createCommand } from './plugin-factory';
-import { getSelectedExtension } from './utils'; // AFP-2532 TODO: Fix automatic suppressions below
+import { getSelectedExtension } from './utils';
+import { removeConnectedNodes } from '@atlaskit/editor-common/utils'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 export function updateState(state) {
@@ -70,4 +71,12 @@ export const removeExtension = () => createCommand({
   } else {
     return removeParentNodeOfType(state.schema.nodes.bodiedExtension)(tr);
   }
+});
+export const removeDescendantNodes = sourceNode => createCommand({
+  type: 'UPDATE_STATE',
+  data: {
+    element: undefined
+  }
+}, (tr, state) => {
+  return sourceNode ? removeConnectedNodes(state, sourceNode) : tr;
 });

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

@@ -129,6 +129,16 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
           if (!selectedExtension) {
             if (showContextPanel) {
               clearEditingContext(state, dispatch);
+            } // if an extension is no longer selected, but the plugin has cached the previous selected extension id/ref
+            // then this should clear those values so that if an exention is selected again, then this sees it as a change
+            // and updates the state correctly.
+
+
+            if (!!localId || !!element) {
+              updateState({
+                localId: undefined,
+                element: undefined
+              })(state, dispatch);
             }
 
             return;

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

@@ -10,24 +10,34 @@ import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { editExtension } from './actions';
 import { getPluginState } from './pm-plugins/main';
 import { getSelectedExtension } from './utils';
-import { updateExtensionLayout, removeExtension } from './commands';
+import { updateExtensionLayout, removeExtension, removeDescendantNodes } from './commands';
 import { pluginKey as macroPluginKey } from '../macro/plugin-key';
-import { isReferencedSource } from '@atlaskit/editor-common/utils';
+import { isReferencedSource, getChildrenInfo, getNodeName } from '@atlaskit/editor-common/utils';
 export const messages = defineMessages({
   edit: {
     id: 'fabric.editor.edit',
     defaultMessage: 'Edit',
     description: 'Edit the properties for this extension.'
   },
+  deleteElementTitle: {
+    id: 'fabric.editor.extension.deleteElementTitle',
+    defaultMessage: 'Delete element',
+    description: 'Title text for confirm modal when deleting an extension linked to a data consumer.'
+  },
   confirmDeleteLinkedModalOKButton: {
     id: 'fabric.editor.extension.confirmDeleteLinkedModalOKButton',
-    defaultMessage: 'Remove extension',
+    defaultMessage: 'Delete',
     description: 'Action button label for confirm modal when deleting an extension linked to a data consumer.'
   },
   confirmDeleteLinkedModalMessage: {
     id: 'fabric.editor.extension.confirmDeleteLinkedModalMessage',
-    defaultMessage: 'Removing this extension will break anything connected to it.',
+    defaultMessage: 'Deleting {nodeName} will break anything connected to it.',
     description: 'Message for confirm modal when deleting a extension linked to an data consumer.'
+  },
+  confirmModalCheckboxLabel: {
+    id: 'fabric.editor.floatingToolbar.confirmModalCheckboxLabel',
+    defaultMessage: 'Also delete connected elements',
+    description: 'checkbox label text'
   }
 });
 
@@ -106,7 +116,8 @@ const editButton = (formatMessage, extensionState) => {
       return true;
     },
     title: formatMessage(messages.edit),
-    tabIndex: null
+    tabIndex: null,
+    focusEditoronEnter: true
   }];
 };
 
@@ -125,9 +136,18 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
     let confirmDialog;
 
     if (isReferencedSource(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
-      confirmDialog = {
-        okButtonLabel: formatMessage(messages.confirmDeleteLinkedModalOKButton),
-        message: formatMessage(messages.confirmDeleteLinkedModalMessage)
+      confirmDialog = () => {
+        return {
+          title: formatMessage(messages.deleteElementTitle),
+          okButtonLabel: formatMessage(messages.confirmDeleteLinkedModalOKButton),
+          message: formatMessage(messages.confirmDeleteLinkedModalMessage, {
+            nodeName: getNodeName(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)
+          }),
+          isReferentialityDialog: true,
+          getChildrenInfo: () => getChildrenInfo(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node),
+          checkboxLabel: formatMessage(messages.confirmModalCheckboxLabel),
+          onConfirm: (isChecked = false) => clickWithCheckboxHandler(isChecked, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)
+        };
       };
     }
 
@@ -160,6 +180,7 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
         onMouseLeave: hoverDecoration(nodeType, false),
         onFocus: hoverDecoration(nodeType, true),
         onBlur: hoverDecoration(nodeType, false),
+        focusEditoronEnter: true,
         title: formatMessage(commonMessages.remove),
         tabIndex: null,
         confirmDialog
@@ -169,4 +190,18 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
   }
 
   return;
+};
+
+const clickWithCheckboxHandler = (isChecked, node) => (state, dispatch) => {
+  if (!node) {
+    return false;
+  }
+
+  if (!isChecked) {
+    removeExtension()(state, dispatch);
+  } else {
+    removeDescendantNodes(node)(state, dispatch);
+  }
+
+  return true;
 };

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

@@ -26,7 +26,7 @@ function getSpellCheck(featureFlags) {
 
 
 export function createFeatureFlagsFromProps(props) {
-  var _props$featureFlags, _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$allowTables5, _props$featureFlags10, _props$featureFlags11, _props$allowTables6, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$collabEdit, _props$collabEdit2, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39;
+  var _props$featureFlags, _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$allowTables5, _props$featureFlags10, _props$featureFlags11, _props$allowTables6, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$collabEdit, _props$collabEdit2, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39, _props$featureFlags40, _props$featureFlags41, _props$featureFlags42;
 
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   const tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
@@ -34,11 +34,9 @@ export function createFeatureFlagsFromProps(props) {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
     interactiveExpand: typeof props.allowExpand === 'boolean' ? props.allowExpand : Boolean(props.allowExpand && props.allowExpand.allowInteractiveExpand !== false),
     placeholderBracketHint: !!props.placeholderBracketHint,
-    placeholderHints: Array.isArray(props.placeholderHints) && props.placeholderHints.length > 0,
     moreTextColors: typeof props.allowTextColor === 'boolean' ? false : Boolean(((_props$allowTextColor = props.allowTextColor) === null || _props$allowTextColor === void 0 ? void 0 : _props$allowTextColor.allowMoreTextColors) === true),
     findReplace: !!props.allowFindReplace,
     findReplaceMatchCase: typeof props.allowFindReplace === 'object' && Boolean(props.allowFindReplace.allowMatchCase),
-    keyboardAccessibleDatepicker: typeof props.allowKeyboardAccessibleDatepicker === 'boolean' ? props.allowKeyboardAccessibleDatepicker : false,
     addColumnWithCustomStep: !props.allowTables || typeof props.allowTables === 'boolean' ? false : Boolean(props.allowTables.allowAddColumnWithCustomStep),
     singleLayout: typeof props.allowLayouts === 'object' && !!((_props$allowLayouts = props.allowLayouts) !== null && _props$allowLayouts !== void 0 && _props$allowLayouts.UNSAFE_allowSingleColumnLayout),
     undoRedoButtons: props.allowUndoRedoButtons,
@@ -59,17 +57,19 @@ export function createFeatureFlagsFromProps(props) {
     saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.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$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
-    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags29 = props.featureFlags) === null || _props$featureFlags29 === void 0 ? void 0 : _props$featureFlags29['view-changing-experiment-toolbar-style']) === 'string' ? props.featureFlags['view-changing-experiment-toolbar-style'] || undefined : undefined,
     tableCellOptionsInFloatingToolbar: typeof tableCellOptionsInFloatingToolbar === 'boolean' ? tableCellOptionsInFloatingToolbar : false,
-    showHoverPreview: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.showHoverPreview) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.showHoverPreview) : false),
-    indentationButtonsInTheToolbar: Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags33 = props.featureFlags) !== null && _props$featureFlags33 !== void 0 && _props$featureFlags33.indentationButtonsInTheToolbar) : false)),
-    floatingToolbarCopyButton: Boolean(typeof normalizedFeatureFlags.floatingToolbarCopyButton === 'boolean' && !!normalizedFeatureFlags.floatingToolbarCopyButton || (typeof ((_props$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags35 = props.featureFlags) !== null && _props$featureFlags35 !== void 0 && _props$featureFlags35.floatingToolbarCopyButton) : false)),
-    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
+    showHoverPreview: Boolean(typeof ((_props$featureFlags29 = props.featureFlags) === null || _props$featureFlags29 === void 0 ? void 0 : _props$featureFlags29.showHoverPreview) === 'boolean' ? !!((_props$featureFlags30 = props.featureFlags) !== null && _props$featureFlags30 !== void 0 && _props$featureFlags30.showHoverPreview) : false),
+    indentationButtonsInTheToolbar: Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags31 = props.featureFlags) === null || _props$featureFlags31 === void 0 ? void 0 : _props$featureFlags31.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags32 = props.featureFlags) !== null && _props$featureFlags32 !== void 0 && _props$featureFlags32.indentationButtonsInTheToolbar) : false)),
+    floatingToolbarCopyButton: Boolean(typeof normalizedFeatureFlags.floatingToolbarCopyButton === 'boolean' && !!normalizedFeatureFlags.floatingToolbarCopyButton || (typeof ((_props$featureFlags33 = props.featureFlags) === null || _props$featureFlags33 === void 0 ? void 0 : _props$featureFlags33.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags34 = props.featureFlags) !== null && _props$featureFlags34 !== void 0 && _props$featureFlags34.floatingToolbarCopyButton) : false)),
+    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags35 = props.featureFlags) === null || _props$featureFlags35 === void 0 ? void 0 : _props$featureFlags35['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
     disableSpellcheckByBrowser: getSpellCheck(props.featureFlags),
     // Including fallback to props.featureFlags so that mobile feature flags
     // are included (they are not kebab cased)
-    restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.restartNumberedLists) === true,
-    listNumberContinuity: normalizedFeatureFlags.listNumberContinuity === true || ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38.listNumberContinuity) === true,
-    restartNumberedListsToolbar: normalizedFeatureFlags.restartNumberedListsToolbar === true || ((_props$featureFlags39 = props.featureFlags) === null || _props$featureFlags39 === void 0 ? void 0 : _props$featureFlags39.restartNumberedListsToolbar) === true
+    restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36.restartNumberedLists) === true,
+    listNumberContinuity: normalizedFeatureFlags.listNumberContinuity === true || ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.listNumberContinuity) === true,
+    restartNumberedListsToolbar: normalizedFeatureFlags.restartNumberedListsToolbar === true || ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38.restartNumberedListsToolbar) === true,
+    useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags39 = props.featureFlags) === null || _props$featureFlags39 === void 0 ? void 0 : _props$featureFlags39.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags40 = props.featureFlags) !== null && _props$featureFlags40 !== void 0 && _props$featureFlags40.useSomewhatSemanticTextColorNames) : false)),
+    lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags41 = props.featureFlags) === null || _props$featureFlags41 === void 0 ? void 0 : _props$featureFlags41['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags42 = props.featureFlags) !== null && _props$featureFlags42 !== void 0 && _props$featureFlags42['prevent-popup-overflow']) : false)
   };
 }

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

@@ -11,7 +11,8 @@ import ToolbarButton, { TOOLBAR_BUTTON } from '../../../ui/ToolbarButton';
 import Dropdown from '../../../ui/Dropdown';
 import FindReplace from './FindReplace';
 import { TRIGGER_METHOD } from '../../analytics/types';
-import { ToolTipContent, findKeymapByDescription } from '../../../keymaps';
+import { ToolTipContent, findKeymapByDescription, tooltip } from '../../../keymaps';
+import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 const toolbarButtonWrapper = css`
   display: flex;
   flex: 1 1 auto;
@@ -72,6 +73,7 @@ class FindReplaceToolbarButton extends React.PureComponent {
     } = this.props;
     const title = formatMessage(messages.findReplaceToolbarButton);
     const stackBelowOtherEditorFloatingPanels = akEditorFloatingPanelZIndex - 1;
+    const keymap = findKeymapByDescription('Find');
     return jsx("div", {
       css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
     }, jsx(Dropdown, {
@@ -95,14 +97,16 @@ class FindReplaceToolbarButton extends React.PureComponent {
         selected: isActive,
         title: jsx(ToolTipContent, {
           description: title,
-          keymap: findKeymapByDescription('Find')
+          keymap: keymap
         }),
         iconBefore: jsx(EditorSearchIcon, {
           label: title
         }),
         onClick: this.toggleOpen,
         "aria-expanded": isActive,
-        "aria-haspopup": true
+        "aria-haspopup": true,
+        "aria-label": keymap ? tooltip(keymap, title) : title,
+        "aria-keyshortcuts": getAriaKeyshortcuts(keymap)
       })
     }, jsx("div", {
       css: wrapper

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

@@ -190,7 +190,9 @@ const floatingToolbarPlugin = () => ({
           zIndex,
           offset = [0, 12],
           forcePlacement,
-          onPositionCalculated
+          preventPopupOverflow,
+          onPositionCalculated,
+          focusTrap
         } = config;
         const targetRef = getDomRef(editorView, dispatchAnalyticsEvent);
 
@@ -215,6 +217,7 @@ const floatingToolbarPlugin = () => ({
         } = floatingToolbarData || {};
         const confirmButtonItem = confirmDialogForItem ? toolbarItems[confirmDialogForItem] : undefined;
         const scrollable = getFeatureFlags(editorView.state).floatingToolbarCopyButton && config.scrollable;
+        const confirmDialogOptions = typeof (confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog) === 'function' ? confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog() : confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog;
         return /*#__PURE__*/React.createElement(ErrorBoundary, {
           component: ACTION_SUBJECT.FLOATING_TOOLBAR_PLUGIN,
           componentId: camelCase(title),
@@ -237,7 +240,9 @@ const floatingToolbarPlugin = () => ({
           onPositionCalculated: customPositionCalculation,
           style: scrollable ? {
             maxWidth: '100%'
-          } : {}
+          } : {},
+          focusTrap: focusTrap,
+          preventOverflow: preventPopupOverflow
         }, /*#__PURE__*/React.createElement(ToolbarLoader, {
           target: targetRef,
           items: toolbarItems,
@@ -254,9 +259,14 @@ const floatingToolbarPlugin = () => ({
           extensionsProvider: extensionsState === null || extensionsState === void 0 ? void 0 : extensionsState.extensionProvider,
           scrollable: scrollable
         })), /*#__PURE__*/React.createElement(ConfirmationModal, {
-          options: confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog,
-          onConfirm: () => {
-            dispatchCommand(confirmButtonItem.onClick);
+          options: confirmDialogOptions,
+          onConfirm: (isChecked = false) => {
+            if (!!confirmDialogOptions.onConfirm) {
+              dispatchCommand(confirmDialogOptions.onConfirm(isChecked));
+            } else {
+              dispatchCommand(confirmButtonItem.onClick);
+            }
+
             dispatchCommand(hideConfirmDialog());
           } // When closed without clicking OK or cancel buttons
           ,

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

@@ -0,0 +1,70 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState } from 'react';
+import Button from '@atlaskit/button/standard-button';
+import { Checkbox } from '@atlaskit/checkbox';
+import Modal, { ModalBody, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';
+import messages from './messages';
+export const CheckboxModal = props => {
+  const [isChecked, setCheckbox] = useState(false);
+  const {
+    onConfirm,
+    onClose,
+    options,
+    intl: {
+      formatMessage
+    },
+    testId
+  } = props;
+  const heading = (options === null || options === void 0 ? void 0 : options.title) || formatMessage(messages.confirmModalDefaultHeading);
+  const okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(messages.confirmModalOK);
+  const cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(messages.confirmModalCancel);
+  const checkboxlabel = options === null || options === void 0 ? void 0 : options.checkboxLabel;
+
+  const ListComponent = ({
+    nodes
+  }) => {
+    if (!nodes) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement("ul", null, nodes.map(node => /*#__PURE__*/React.createElement(ListItem, _extends({}, node, {
+      key: node.id
+    }))));
+  };
+
+  const ListItem = props => {
+    const {
+      id,
+      name,
+      amount
+    } = props;
+    return /*#__PURE__*/React.createElement("li", {
+      id: id
+    }, formatMessage(messages.confirmModalListUnit, {
+      name,
+      amount
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement(Modal, {
+    onClose: onClose,
+    testId: testId
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, {
+    appearance: "warning"
+  }, heading)), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("p", null, options === null || options === void 0 ? void 0 : options.message), (options === null || options === void 0 ? void 0 : options.getChildrenInfo) && /*#__PURE__*/React.createElement(ListComponent, {
+    nodes: options === null || options === void 0 ? void 0 : options.getChildrenInfo()
+  }), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Checkbox, {
+    isChecked: isChecked,
+    onChange: () => setCheckbox(!isChecked),
+    label: checkboxlabel,
+    testId: testId ? `${testId}-checkbox` : undefined
+  }))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    appearance: "default",
+    onClick: onClose,
+    testId: testId ? `${testId}-cancel-button` : undefined
+  }, cancelButtonLabel), /*#__PURE__*/React.createElement(Button, {
+    appearance: "warning",
+    onClick: () => onConfirm(isChecked),
+    testId: testId ? `${testId}-confirm-button` : undefined
+  }, okButtonLabel)));
+};