@atlaskit/editor-core 176.0.2 → 177.0.0

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

@@ -43,7 +43,7 @@ function getSpellCheck(featureFlags) {
 
 
 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 = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   var tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
@@ -51,11 +51,9 @@ 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: (0, _typeof2.default)(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: (0, _typeof2.default)(props.allowLayouts) === 'object' && !!((_props$allowLayouts = props.allowLayouts) !== null && _props$allowLayouts !== void 0 && _props$allowLayouts.UNSAFE_allowSingleColumnLayout),
     undoRedoButtons: props.allowUndoRedoButtons,
@@ -76,17 +74,19 @@ 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/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -47,6 +47,8 @@ var _types = require("../../analytics/types");
 
 var _keymaps = require("../../../keymaps");
 
+var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+
 var _templateObject, _templateObject2, _templateObject3;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -114,6 +116,7 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           takeFullWidth = _this$props.takeFullWidth;
       var title = formatMessage(messages.findReplaceToolbarButton);
       var stackBelowOtherEditorFloatingPanels = _editorSharedStyles.akEditorFloatingPanelZIndex - 1;
+      var keymap = (0, _keymaps.findKeymapByDescription)('Find');
       return (0, _react2.jsx)("div", {
         css: [toolbarButtonWrapper, takeFullWidth && toolbarButtonWrapperFullWith]
       }, (0, _react2.jsx)(_Dropdown.default, {
@@ -137,14 +140,16 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           selected: isActive,
           title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
             description: title,
-            keymap: (0, _keymaps.findKeymapByDescription)('Find')
+            keymap: keymap
           }),
           iconBefore: (0, _react2.jsx)(_search.default, {
             label: title
           }),
           onClick: this.toggleOpen,
           "aria-expanded": isActive,
-          "aria-haspopup": true
+          "aria-haspopup": true,
+          "aria-label": keymap ? (0, _keymaps.tooltip)(keymap, title) : title,
+          "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(keymap)
         })
       }, (0, _react2.jsx)("div", {
         css: wrapper

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

@@ -224,7 +224,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) {
@@ -250,6 +252,7 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
 
           var confirmButtonItem = confirmDialogForItem ? toolbarItems[confirmDialogForItem] : undefined;
           var scrollable = (0, _featureFlagsContext.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.default.createElement(_ErrorBoundary.ErrorBoundary, {
             component: _analytics.ACTION_SUBJECT.FLOATING_TOOLBAR_PLUGIN,
             componentId: (0, _camelCase.default)(title),
@@ -272,7 +275,9 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
             onPositionCalculated: customPositionCalculation,
             style: scrollable ? {
               maxWidth: '100%'
-            } : {}
+            } : {},
+            focusTrap: focusTrap,
+            preventOverflow: preventPopupOverflow
           }, /*#__PURE__*/_react.default.createElement(_ToolbarLoader.ToolbarLoader, {
             target: targetRef,
             items: toolbarItems,
@@ -291,9 +296,16 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
             extensionsProvider: extensionsState === null || extensionsState === void 0 ? void 0 : extensionsState.extensionProvider,
             scrollable: scrollable
           })), /*#__PURE__*/_react.default.createElement(_ConfirmationModal.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((0, _commands.hideConfirmDialog)());
             } // When closed without clicking OK or cancel buttons
             ,

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

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxModal = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+
+var _checkbox = require("@atlaskit/checkbox");
+
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+
+var _messages = _interopRequireDefault(require("./messages"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var CheckboxModal = function CheckboxModal(props) {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isChecked = _useState2[0],
+      setCheckbox = _useState2[1];
+
+  var onConfirm = props.onConfirm,
+      onClose = props.onClose,
+      options = props.options,
+      formatMessage = props.intl.formatMessage,
+      testId = props.testId;
+  var heading = (options === null || options === void 0 ? void 0 : options.title) || formatMessage(_messages.default.confirmModalDefaultHeading);
+  var okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(_messages.default.confirmModalOK);
+  var cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(_messages.default.confirmModalCancel);
+  var checkboxlabel = options === null || options === void 0 ? void 0 : options.checkboxLabel;
+
+  var ListComponent = function ListComponent(_ref) {
+    var nodes = _ref.nodes;
+
+    if (!nodes) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement("ul", null, nodes.map(function (node) {
+      return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({}, node, {
+        key: node.id
+      }));
+    }));
+  };
+
+  var ListItem = function ListItem(props) {
+    var id = props.id,
+        name = props.name,
+        amount = props.amount;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      id: id
+    }, formatMessage(_messages.default.confirmModalListUnit, {
+      name: name,
+      amount: amount
+    }));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+    onClose: onClose,
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
+    appearance: "warning"
+  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", null, options === null || options === void 0 ? void 0 : options.message), (options === null || options === void 0 ? void 0 : options.getChildrenInfo) && /*#__PURE__*/_react.default.createElement(ListComponent, {
+    nodes: options === null || options === void 0 ? void 0 : options.getChildrenInfo()
+  }), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
+    isChecked: isChecked,
+    onChange: function onChange() {
+      return setCheckbox(!isChecked);
+    },
+    label: checkboxlabel,
+    testId: testId ? "".concat(testId, "-checkbox") : undefined
+  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+    appearance: "default",
+    onClick: onClose,
+    testId: testId ? "".concat(testId, "-cancel-button") : undefined
+  }, cancelButtonLabel), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+    appearance: "warning",
+    onClick: function onClick() {
+      return onConfirm(isChecked);
+    },
+    testId: testId ? "".concat(testId, "-confirm-button") : undefined
+  }, okButtonLabel)));
+};
+
+exports.CheckboxModal = CheckboxModal;

package/dist/cjs/plugins/floating-toolbar/ui/ConfirmationModal.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,39 +11,21 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _SimpleModal = require("./SimpleModal");
 
-var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _CheckboxModal = require("./CheckboxModal");
 
-var _messages = _interopRequireDefault(require("./messages"));
+var _modalDialog = require("@atlaskit/modal-dialog");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var ConfirmationModalImpl = function ConfirmationModalImpl(props) {
+  var options = props.options;
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+  var renderModel = function renderModel() {
+    var isReferentialityDialog = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    return isReferentialityDialog ? /*#__PURE__*/_react.default.createElement(_CheckboxModal.CheckboxModal, props) : /*#__PURE__*/_react.default.createElement(_SimpleModal.SimpleModal, props);
+  };
 
-var ConfirmationModalImpl = function ConfirmationModalImpl(props) {
-  var onConfirm = props.onConfirm,
-      onClose = props.onClose,
-      options = props.options,
-      formatMessage = props.intl.formatMessage,
-      testId = props.testId;
-  var heading = (options === null || options === void 0 ? void 0 : options.title) || formatMessage(_messages.default.confirmModalDefaultHeading);
-  var okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(_messages.default.confirmModalOK);
-  var cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(_messages.default.confirmModalCancel);
-  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, options && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
-    onClose: onClose,
-    testId: testId
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
-    appearance: "warning"
-  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", null, options.message)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
-    appearance: "default",
-    onClick: onClose,
-    testId: testId ? "".concat(testId, "-cancel-button") : undefined
-  }, cancelButtonLabel), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
-    appearance: "warning",
-    onClick: onConfirm,
-    testId: testId ? "".concat(testId, "-confirm-button") : undefined
-  }, okButtonLabel))));
+  return options ? /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, renderModel(options === null || options === void 0 ? void 0 : options.isReferentialityDialog)) : null;
 };
 
 var ConfirmationModal = (0, _reactIntlNext.injectIntl)(ConfirmationModalImpl);

package/dist/cjs/plugins/floating-toolbar/ui/Dropdown.js

@@ -82,12 +82,14 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderArrayOptions", function (options) {
       var _this$props = _this.props,
           showSelected = _this$props.showSelected,
-          dispatchCommand = _this$props.dispatchCommand;
+          dispatchCommand = _this$props.dispatchCommand,
+          editorView = _this$props.editorView;
       return (0, _react2.jsx)(_DropdownMenu.default, {
         hide: _this.hide,
         dispatchCommand: dispatchCommand,
         items: options,
-        showSelected: showSelected
+        showSelected: showSelected,
+        editorView: editorView
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpen", function () {
@@ -108,6 +110,13 @@ var Dropdown = /*#__PURE__*/function (_Component) {
 
       (_document$querySelect = document.querySelector("[data-testid=".concat(_this.props.buttonTestId, "]"))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.focus();
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOpenChanged", function (openChangedEvent) {
+      if (!openChangedEvent.isOpen && openChangedEvent.event instanceof KeyboardEvent) {
+        var _openChangedEvent$eve;
+
+        ((_openChangedEvent$eve = openChangedEvent.event) === null || _openChangedEvent$eve === void 0 ? void 0 : _openChangedEvent$eve.key) === 'Escape' ? _this.hideonEsc() : _this.hide();
+      }
+    });
     return _this;
   }
 
@@ -127,7 +136,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           disabled = _this$props2.disabled,
           tooltip = _this$props2.tooltip,
           buttonTestId = _this$props2.buttonTestId,
-          dropdownWidth = _this$props2.dropdownWidth;
+          dropdownWidth = _this$props2.dropdownWidth,
+          editorView = _this$props2.editorView;
       var trigger;
 
       if (icon) {
@@ -173,9 +183,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         isOpen: isOpen,
         handleClickOutside: this.hide,
         handleEscapeKeydown: this.hideonEsc,
+        onOpenChange: this.onOpenChanged,
         fitWidth: fitWidth + fitTolerance,
         fitHeight: fitHeight + fitTolerance,
-        trigger: trigger
+        trigger: trigger,
+        editorView: editorView
       }, Array.isArray(options) ? this.renderArrayOptions(options) : options.render({
         hide: this.hide,
         dispatchCommand: dispatchCommand

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

@@ -17,11 +17,13 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = require("@emotion/react");
+var _react = require("react");
 
-var _react2 = require("react");
+var _react2 = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -50,12 +52,101 @@ var menuItemDimensions = {
   height: 32
 };
 exports.menuItemDimensions = menuItemDimensions;
-var spacer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  padding: 8px;\n"])));
-var menuContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", "px;\n\n  // temporary solution to retain spacing defined by @atlaskit/Item\n  & button {\n    min-height: ", "px;\n    padding: 8px 8px 7px;\n\n    & > [data-item-elem-before] {\n      margin-right: ", "px;\n    }\n  }\n"])), menuItemDimensions.width, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() / 2);
+var spacer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  padding: 8px;\n"])));
+var menuContainer = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", "px;\n\n  // temporary solution to retain spacing defined by @atlaskit/Item\n  & button {\n    min-height: ", "px;\n    padding: 8px 8px 7px;\n\n    & > [data-item-elem-before] {\n      margin-right: ", "px;\n    }\n  }\n"])), menuItemDimensions.width, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() / 2);
 var itemSpacing = (0, _constants.gridSize)() / 2;
 exports.itemSpacing = itemSpacing;
 var DropdownButtonItem = _menu.ButtonItem;
 
+var DropdownMenuItem = function DropdownMenuItem(_ref) {
+  var item = _ref.item,
+      hide = _ref.hide,
+      dispatchCommand = _ref.dispatchCommand,
+      editorView = _ref.editorView,
+      iconBefore = _ref.iconBefore;
+
+  var _useState = (0, _react.useState)(item.tooltip || ''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      tooltipContent = _useState2[0],
+      setTooltipContent = _useState2[1];
+
+  var handleTooltipMouseOut = (0, _react.useCallback)(function () {
+    setTooltipContent('');
+  }, []);
+  var handleItemMouseDown = (0, _react.useCallback)(function (e) {
+    e.preventDefault();
+  }, []);
+  var handleItemMouseOver = (0, _react.useCallback)(function (e) {
+    setTooltipContent(item.tooltip || '');
+
+    if (item.onMouseOver) {
+      e.preventDefault();
+      dispatchCommand(item.onMouseOver);
+    }
+  }, [item.tooltip, item.onMouseOver, dispatchCommand]);
+  var handleItemMouseEnter = (0, _react.useCallback)(function (e) {
+    if (item.onMouseEnter) {
+      e.preventDefault();
+      dispatchCommand(item.onMouseEnter);
+    }
+  }, [item.onMouseEnter, dispatchCommand]);
+  var handleItemMouseLeave = (0, _react.useCallback)(function (e) {
+    if (item.onMouseLeave) {
+      e.preventDefault();
+      dispatchCommand(item.onMouseLeave);
+    }
+  }, [item.onMouseLeave, dispatchCommand]);
+  var handleItemOnFocus = (0, _react.useCallback)(function (e) {
+    if (item.onFocus) {
+      e.preventDefault();
+      dispatchCommand(item.onFocus);
+    }
+  }, [item.onFocus, dispatchCommand]);
+  var handleItemOnBlur = (0, _react.useCallback)(function (e) {
+    if (item.onBlur) {
+      e.preventDefault();
+      dispatchCommand(item.onBlur);
+    }
+  }, [item.onBlur, dispatchCommand]);
+  var handleItemClick = (0, _react.useCallback)(function () {
+    /**
+     * The order of dispatching the event and hide() is important, because
+     * the ClickAreaBlock will be relying on the element to calculate the
+     * click coordinate.
+     * For more details, please visit the comment in this PR https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5328/edm-1321-set-selection-near-smart-link?link_source=email#chg-packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
+     */
+    dispatchCommand(item.onClick);
+    hide();
+
+    if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
+      editorView === null || editorView === void 0 ? void 0 : editorView.focus();
+    }
+  }, [dispatchCommand, item.onClick, hide, editorView]);
+  var itemContent = (0, _react2.jsx)(DropdownButtonItem, {
+    iconBefore: iconBefore,
+    iconAfter: item.elemAfter,
+    onClick: handleItemClick,
+    "data-testid": item.testId,
+    isDisabled: item.disabled,
+    onMouseDown: handleItemMouseDown,
+    onMouseOver: handleItemMouseOver,
+    onMouseEnter: handleItemMouseEnter,
+    onMouseLeave: handleItemMouseLeave,
+    onFocus: handleItemOnFocus,
+    onBlur: handleItemOnBlur
+  }, item.title);
+
+  if (tooltipContent) {
+    return (0, _react2.jsx)(_tooltip.default, {
+      content: tooltipContent
+    }, (0, _react2.jsx)("div", {
+      onMouseOut: handleTooltipMouseOut
+    }, itemContent));
+  }
+
+  return itemContent;
+};
+
 var Dropdown = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Dropdown, _Component);
 
@@ -75,59 +166,21 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           hide = _this$props.hide,
           dispatchCommand = _this$props.dispatchCommand,
           items = _this$props.items,
-          intl = _this$props.intl;
-      return (0, _react.jsx)("div", {
+          intl = _this$props.intl,
+          editorView = _this$props.editorView;
+      return (0, _react2.jsx)("div", {
         css: menuContainer
       }, items.filter(function (item) {
         return !item.hidden;
       }).map(function (item, idx) {
-        var itemContent = (0, _react.jsx)(DropdownButtonItem, {
+        return (0, _react2.jsx)(DropdownMenuItem, {
           key: idx,
-          iconBefore: _this.renderSelected(item, intl),
-          iconAfter: item.elemAfter,
-          onClick: function onClick() {
-            /**
-             * The order of dispatching the event and hide() is important, because
-             * the ClickAreaBlock will be relying on the element to calculate the
-             * click coordinate.
-             * For more details, please visit the comment in this PR https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5328/edm-1321-set-selection-near-smart-link?link_source=email#chg-packages/editor/editor-core/src/plugins/floating-toolbar/ui/DropdownMenu.tsx
-             */
-            dispatchCommand(item.onClick);
-            hide();
-          },
-          "data-testid": item.testId,
-          isDisabled: item.disabled,
-          onMouseDown: function onMouseDown(e) {
-            e.preventDefault();
-          },
-          onMouseOver: function onMouseOver(e) {
-            if (item.onMouseOver) {
-              e.preventDefault();
-              dispatchCommand(item.onMouseOver);
-            }
-          },
-          onMouseEnter: function onMouseEnter(e) {
-            if (item.onMouseEnter) {
-              e.preventDefault();
-              dispatchCommand(item.onMouseEnter);
-            }
-          },
-          onMouseLeave: function onMouseLeave(e) {
-            if (item.onMouseLeave) {
-              e.preventDefault();
-              dispatchCommand(item.onMouseLeave);
-            }
-          }
-        }, item.title);
-
-        if (item.tooltip) {
-          return (0, _react.jsx)(_tooltip.default, {
-            key: idx,
-            content: item.tooltip
-          }, itemContent);
-        }
-
-        return itemContent;
+          item: item,
+          hide: hide,
+          dispatchCommand: dispatchCommand,
+          editorView: editorView,
+          iconBefore: _this.renderSelected(item, intl)
+        });
       }));
     }
   }, {
@@ -138,20 +191,20 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var selected = item.selected;
 
       if (showSelected && selected) {
-        return (0, _react.jsx)(_done.default, {
+        return (0, _react2.jsx)(_done.default, {
           primaryColor: (0, _tokens.token)('color.icon.selected', _colors.B400),
           size: "small",
           label: intl.formatMessage(_messages.default.confirmModalOK)
         });
       }
 
-      return (0, _react.jsx)("span", {
+      return (0, _react2.jsx)("span", {
         css: spacer
       });
     }
   }]);
   return Dropdown;
-}(_react2.Component);
+}(_react.Component);
 
 var _default = (0, _reactIntlNext.injectIntl)(Dropdown);
 

package/dist/cjs/plugins/floating-toolbar/ui/EmojiPickerButton.js

@@ -37,6 +37,7 @@ var emojiPickerButtonWrapper = (0, _react.css)(_templateObject || (_templateObje
 // https://product-fabric.atlassian.net/browse/CETI-148
 
 var emojiPickerWrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: -12px;\n  margin-top: -4px;\n"])));
+var EmojiPickerWithListener = (0, _withOuterListeners.default)(_emoji.EmojiPicker);
 
 var EmojiPickerButton = function EmojiPickerButton(props) {
   var buttonRef = _react2.default.useRef(null);
@@ -46,8 +47,6 @@ var EmojiPickerButton = function EmojiPickerButton(props) {
       isPopupOpen = _React$useState2[0],
       setIsPopupOpen = _React$useState2[1];
 
-  var EmojiPickerWithListener = (0, _withOuterListeners.default)(_emoji.EmojiPicker);
-
   _react2.default.useEffect(function () {
     if (props.setDisableParentScroll) {
       props.setDisableParentScroll(isPopupOpen);