@atlaskit/editor-core 176.0.3 → 177.0.0

package/dist/esm/plugins/card/ui/EditLinkToolbar.js

@@ -12,7 +12,7 @@ import React from 'react';
 import HyperlinkToolbar from '../../hyperlink/ui/HyperlinkAddToolbar';
 import { showLinkToolbar, hideLinkToolbar as _hideLinkToolbar } from '../pm-plugins/actions';
 import { addAnalytics } from '../../analytics';
-import { RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../../ui/LinkSearch/ToolbarComponents';
+import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../../ui/LinkSearch/ToolbarComponents';
 import { changeSelectedCardToLink, updateCard } from '../pm-plugins/doc';
 import { findCardInfo, displayInfoForCard } from '../utils';
 import { NodeSelection } from 'prosemirror-state';
@@ -97,8 +97,8 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref) {
       linkPicker = _ref.linkPicker;
   return {
     type: 'custom',
-    fallback: [],
     disableArrowNavigation: true,
+    fallback: [],
     render: function render(view, idx) {
       if (!view || !providerFactory) {
         return null;
@@ -131,8 +131,10 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref) {
     }
   };
 };
-export var editLinkToolbarConfig = {
-  height: RECENT_SEARCH_HEIGHT_IN_PX,
-  width: RECENT_SEARCH_WIDTH_IN_PX,
-  forcePlacement: true
+export var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, linkPickerOptions) {
+  return showLinkingToolbar ? {
+    height: linkPickerOptions ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
+    width: RECENT_SEARCH_WIDTH_IN_PX,
+    forcePlacement: true
+  } : {};
 };

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

@@ -10,19 +10,15 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-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 var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkToolbarAppearance, _React$Component);
 
@@ -106,37 +102,11 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
         options.push(embedOption);
       }
 
-      var _getFeatureFlags = getFeatureFlags(editorState),
-          viewChangingExperimentToolbarStyle = _getFeatureFlags.viewChangingExperimentToolbarStyle;
-
-      if (viewChangingExperimentToolbarStyle === 'toolbarIcons') {
-        return /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
-          key: "link-toolbar-button-group",
-          options: options.map(function (option) {
-            return 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(function (option) {
-            return getIconDropdownOption(intl, dispatchCommand, option);
-          })
-        });
-      }
-
-      var 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(function (option) {
+          return getButtonGroupOption(intl, dispatchCommand, option);
+        })
       });
     });
 

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

@@ -45,17 +45,30 @@ export var findCardInfo = function findCardInfo(state) {
     return cardInfo.pos === state.selection.from;
   });
 };
-export var transformUnsupportedBlockCardToInline = function transformUnsupportedBlockCardToInline(slice, state) {
+export var transformUnsupportedBlockCardToInline = function transformUnsupportedBlockCardToInline(slice, state, cardOptions) {
   var _state$schema$nodes = state.schema.nodes,
       blockCard = _state$schema$nodes.blockCard,
       inlineCard = _state$schema$nodes.inlineCard;
   var children = [];
   mapChildren(slice.content, function (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
+ */
+
+var isBlockCardSupported = function isBlockCardSupported(state, frag, allowBlockCards) {
+  return allowBlockCards && isSupportedInParent(state, frag);
 };

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

@@ -15,7 +15,7 @@ export var handleInit = function handleInit(initData, view, options) {
     tr.setMeta('isRemote', true);
     view.dispatch(tr);
   } else if (json) {
-    applyRemoteSteps(json, undefined, view);
+    applyRemoteSteps(json, view);
   }
 };
 export var handleConnection = function handleConnection(connectionData, view) {
@@ -32,10 +32,10 @@ export var applyRemoteData = function applyRemoteData(remoteData, view, options)
       userIds = _remoteData$userIds === void 0 ? [] : _remoteData$userIds;
 
   if (json) {
-    applyRemoteSteps(json, userIds, view, options);
+    applyRemoteSteps(json, view, userIds, options);
   }
 };
-export var applyRemoteSteps = function applyRemoteSteps(json, userIds, view, options) {
+export var applyRemoteSteps = function applyRemoteSteps(json, view, userIds, options) {
   if (!json || !json.length) {
     return;
   }

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

@@ -22,7 +22,9 @@ export function getCopyButtonConfig(options) {
   var state = options.state,
       formatMessage = options.formatMessage,
       onMouseEnter = options.onMouseEnter,
-      onMouseLeave = options.onMouseLeave;
+      onMouseLeave = options.onMouseLeave,
+      onFocus = options.onFocus,
+      onBlur = options.onBlur;
   var copyButtonState = copyButtonPluginKey.getState(state);
   var buttonActionHandlers;
 
@@ -32,11 +34,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/esm/plugins/date/index.js

@@ -6,7 +6,6 @@ import WithPluginState from '../../ui/WithPluginState';
 import { insertDate, closeDatePicker as _closeDatePicker, closeDatePickerWithAnalytics as _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';
@@ -55,8 +54,7 @@ var datePlugin = function datePlugin() {
           popupsMountPoint = _ref.popupsMountPoint,
           popupsBoundariesElement = _ref.popupsBoundariesElement,
           popupsScrollableElement = _ref.popupsScrollableElement;
-      var state = editorView.state,
-          dispatch = editorView.dispatch;
+      var dispatch = editorView.dispatch;
       var domAtPos = editorView.domAtPos.bind(editorView);
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
@@ -75,14 +73,11 @@ var datePlugin = function datePlugin() {
               isNew = datePlugin.isNew,
               focusDateInput = datePlugin.focusDateInput;
           var element = findDomRefAtPos(showDatePickerAt, domAtPos);
-          var allFlags = getFeatureFlags(state);
-          var keyboardAccessibleDatepicker = allFlags.keyboardAccessibleDatepicker;
           return /*#__PURE__*/React.createElement(DatePicker, {
             mountTo: popupsMountPoint,
             boundariesElement: popupsBoundariesElement,
             scrollableElement: popupsScrollableElement,
             key: showDatePickerAt,
-            showTextField: keyboardAccessibleDatepicker,
             element: element,
             isNew: isNew,
             autoFocus: focusDateInput,

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

@@ -122,7 +122,6 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
           mountTo = _this$props.mountTo,
           boundariesElement = _this$props.boundariesElement,
           scrollableElement = _this$props.scrollableElement,
-          showTextField = _this$props.showTextField,
           intl = _this$props.intl,
           dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
           isNew = _this$props.isNew,
@@ -160,7 +159,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
         scrollableElement: scrollableElement
       }, jsx("div", {
         css: popupContentWrapper
-      }, showTextField === true && jsx(DatePickerInput, {
+      }, jsx(DatePickerInput, {
         date: date,
         onNewDate: this.handleNewDate,
         onSubmitDate: this.handleKeyboardSubmitDate,

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

@@ -16,7 +16,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 var emojiToTypeaheadItem = function emojiToTypeaheadItem(emoji, emojiProvider) {
@@ -27,18 +26,13 @@ export var emojiToTypeaheadItem = function emojiToTypeaheadItem(emoji, emojiProv
       var isSelected = _ref.isSelected,
           onClick = _ref.onClick,
           onHover = _ref.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: emoji
   };

package/dist/esm/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 var createPlugin = function createPlugin(dispatch, getIntl) {
   var appearance = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'full-page';
   var useLongPressSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;

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

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

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

@@ -7,7 +7,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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) {
@@ -82,4 +83,14 @@ export var removeExtension = function removeExtension() {
       return removeParentNodeOfType(state.schema.nodes.bodiedExtension)(tr);
     }
   });
+};
+export var removeDescendantNodes = function removeDescendantNodes(sourceNode) {
+  return createCommand({
+    type: 'UPDATE_STATE',
+    data: {
+      element: undefined
+    }
+  }, function (tr, state) {
+    return sourceNode ? removeConnectedNodes(state, sourceNode) : tr;
+  });
 };

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

@@ -282,6 +282,16 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
           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/esm/plugins/extension/toolbar.js

@@ -11,24 +11,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 as _getChildrenInfo, getNodeName } from '@atlaskit/editor-common/utils';
 export var 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'
   }
 });
 
@@ -101,7 +111,8 @@ var editButton = function editButton(formatMessage, extensionState) {
       return true;
     },
     title: formatMessage(messages.edit),
-    tabIndex: null
+    tabIndex: null,
+    focusEditoronEnter: true
   }];
 };
 
@@ -120,9 +131,23 @@ export var getToolbarConfig = function getToolbarConfig() {
       var confirmDialog;
 
       if (isReferencedSource(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
-        confirmDialog = {
-          okButtonLabel: formatMessage(messages.confirmDeleteLinkedModalOKButton),
-          message: formatMessage(messages.confirmDeleteLinkedModalMessage)
+        confirmDialog = function 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: function getChildrenInfo() {
+              return _getChildrenInfo(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node);
+            },
+            checkboxLabel: formatMessage(messages.confirmModalCheckboxLabel),
+            onConfirm: function onConfirm() {
+              var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+              return clickWithCheckboxHandler(isChecked, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node);
+            }
+          };
         };
       }
 
@@ -157,6 +182,7 @@ export var getToolbarConfig = function getToolbarConfig() {
           onMouseLeave: hoverDecoration(nodeType, false),
           onFocus: hoverDecoration(nodeType, true),
           onBlur: hoverDecoration(nodeType, false),
+          focusEditoronEnter: true,
           title: formatMessage(commonMessages.remove),
           tabIndex: null,
           confirmDialog: confirmDialog
@@ -167,4 +193,20 @@ export var getToolbarConfig = function getToolbarConfig() {
 
     return;
   };
+};
+
+var clickWithCheckboxHandler = function clickWithCheckboxHandler(isChecked, node) {
+  return function (state, dispatch) {
+    if (!node) {
+      return false;
+    }
+
+    if (!isChecked) {
+      removeExtension()(state, dispatch);
+    } else {
+      removeDescendantNodes(node)(state, dispatch);
+    }
+
+    return true;
+  };
 };

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

@@ -33,7 +33,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;
 
   var normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   var tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
@@ -41,11 +41,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,
@@ -66,17 +64,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/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -24,7 +24,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';
 var toolbarButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-grow: 0;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 0 8px;\n  @media (max-width: ", "px) {\n    justify-content: center;\n    padding: 0;\n  }\n"])), akEditorMobileMaxWidth);
 var toolbarButtonWrapperFullWith = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));
 var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
@@ -84,6 +85,7 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           takeFullWidth = _this$props.takeFullWidth;
       var title = formatMessage(messages.findReplaceToolbarButton);
       var stackBelowOtherEditorFloatingPanels = akEditorFloatingPanelZIndex - 1;
+      var keymap = findKeymapByDescription('Find');
       return jsx("div", {
         css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
       }, jsx(Dropdown, {
@@ -107,14 +109,16 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_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/esm/plugins/floating-toolbar/index.js

@@ -195,7 +195,9 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
               _config$offset = config.offset,
               offset = _config$offset === void 0 ? [0, 12] : _config$offset,
               forcePlacement = config.forcePlacement,
-              onPositionCalculated = config.onPositionCalculated;
+              preventPopupOverflow = config.preventPopupOverflow,
+              onPositionCalculated = config.onPositionCalculated,
+              focusTrap = config.focusTrap;
           var targetRef = getDomRef(editorView, dispatchAnalyticsEvent);
 
           if (!targetRef || editorDisabledPlugin && editorDisabledPlugin.editorDisabled) {
@@ -221,6 +223,7 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
 
           var confirmButtonItem = confirmDialogForItem ? toolbarItems[confirmDialogForItem] : undefined;
           var scrollable = getFeatureFlags(editorView.state).floatingToolbarCopyButton && config.scrollable;
+          var 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),
@@ -243,7 +246,9 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
             onPositionCalculated: customPositionCalculation,
             style: scrollable ? {
               maxWidth: '100%'
-            } : {}
+            } : {},
+            focusTrap: focusTrap,
+            preventOverflow: preventPopupOverflow
           }, /*#__PURE__*/React.createElement(ToolbarLoader, {
             target: targetRef,
             items: toolbarItems,
@@ -262,9 +267,16 @@ var floatingToolbarPlugin = function 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,
+            options: confirmDialogOptions,
             onConfirm: function onConfirm() {
-              dispatchCommand(confirmButtonItem.onClick);
+              var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+              if (!!confirmDialogOptions.onConfirm) {
+                dispatchCommand(confirmDialogOptions.onConfirm(isChecked));
+              } else {
+                dispatchCommand(confirmButtonItem.onClick);
+              }
+
               dispatchCommand(hideConfirmDialog());
             } // When closed without clicking OK or cancel buttons
             ,