@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -6,6 +6,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 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; } }
 /** @jsx jsx */
@@ -31,18 +33,30 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      active: false
+      active: false,
+      isOpenedByKeyboard: false
     });
     _defineProperty(_assertThisInitialized(_this), "onOpenChange", function (attrs) {
-      _this.setState({
-        active: attrs.isOpen
-      });
+      _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+        active: attrs.isOpen,
+        isOpenedByKeyboard: attrs.isOpenedByKeyboard
+      }));
     });
     _defineProperty(_assertThisInitialized(_this), "handleTriggerClick", function () {
       _this.onOpenChange({
-        isOpen: !_this.state.active
+        isOpen: !_this.state.active,
+        isOpenedByKeyboard: false
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "handleTriggerByKeyboard", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.onOpenChange({
+          isOpen: !_this.state.active,
+          isOpenedByKeyboard: true
+        });
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "createItems", function () {
       var formatMessage = _this.props.intl.formatMessage;
       var _this$props$pluginSta = _this.props.pluginState,
@@ -79,9 +93,9 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
       var blockType = item.value;
       _this.props.setBlockType(blockType.name);
       if (shouldCloseMenu) {
-        _this.setState({
+        _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
           active: false
-        });
+        }));
       }
     });
     return _this;
@@ -89,7 +103,10 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(ToolbarBlockType, [{
     key: "render",
     value: function render() {
-      var active = this.state.active;
+      var _this2 = this;
+      var _this$state = this.state,
+        active = _this$state.active,
+        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -131,7 +148,15 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           zIndex: akEditorMenuZIndex,
           fitHeight: 360,
           fitWidth: 106,
-          shouldUseDefaultRole: true
+          shouldUseDefaultRole: true,
+          shouldFocusFirstItem: function shouldFocusFirstItem() {
+            if (isOpenedByKeyboard) {
+              _this2.setState(_objectSpread(_objectSpread({}, _this2.state), {}, {
+                isOpenedByKeyboard: false
+              }));
+            }
+            return isOpenedByKeyboard;
+          }
         }, jsx(BlockTypeButton, {
           isSmall: isSmall,
           isReducedSpacing: isReducedSpacing,
@@ -139,6 +164,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           disabled: false,
           title: blockTypeTitles[0],
           onClick: this.handleTriggerClick,
+          onKeyDown: this.handleTriggerByKeyboard,
           formatMessage: formatMessage,
           "aria-expanded": active
         }, longestDropdownMenuItem)), jsx("span", {
@@ -154,6 +180,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
         disabled: true,
         title: blockTypeTitles[0],
         onClick: this.handleTriggerClick,
+        onKeyDown: this.handleTriggerByKeyboard,
         formatMessage: formatMessage,
         "aria-expanded": active
       }, longestDropdownMenuItem), jsx("span", {

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

@@ -1,8 +1,6 @@
 import { caption } from '@atlaskit/adf-schema';
 import { default as createCaptionPlugin } from './pm-plugins/main';
-import { pluginKey } from './pm-plugins/plugin-key';
 import { captionKeymap } from './pm-plugins/keymap';
-export { pluginKey };
 var captionPlugin = function captionPlugin() {
   return {
     name: 'caption',

package/dist/esm/plugins/card/nodeviews/blockCard.js

@@ -76,7 +76,8 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props2 = this.props,
         node = _this$props2.node,
         cardContext = _this$props2.cardContext,
-        platform = _this$props2.platform;
+        platform = _this$props2.platform,
+        showServerActions = _this$props2.showServerActions;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
@@ -89,7 +90,8 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         onClick: this.onClick,
         onResolve: this.onResolve,
         showActions: platform === 'web',
-        platform: platform
+        platform: platform,
+        showServerActions: showServerActions
       }), this.gapCursorSpan());
       // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider
@@ -126,11 +128,15 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render() {
+      var _this$reactComponentP = this.reactComponentProps,
+        platform = _this$reactComponentP.platform,
+        showServerActions = _this$reactComponentP.showServerActions;
       return /*#__PURE__*/React.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
         getPos: this.getPos,
-        platform: this.reactComponentProps.platform
+        platform: platform,
+        showServerActions: showServerActions
       });
     }
   }]);

package/dist/esm/plugins/card/nodeviews/genericCard.js

@@ -13,6 +13,9 @@ import PropTypes from 'prop-types';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { titleUrlPairFromNode } from '../utils';
 import { changeSelectedCardToLinkFallback } from '../pm-plugins/doc';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { getPluginState } from '../pm-plugins/util/state';
+import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
 export function Card(SmartCardComponent, UnsupportedComponent) {
   var _class;
   return _class = /*#__PURE__*/function (_React$Component) {
@@ -33,6 +36,7 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
     _createClass(_class, [{
       key: "render",
       value: function render() {
+        var _getPluginState;
         var _titleUrlPairFromNode = titleUrlPairFromNode(this.props.node),
           url = _titleUrlPairFromNode.url;
         if (url && !isSafeUrl(url)) {
@@ -51,10 +55,20 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
           }
         }
         var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
-        return /*#__PURE__*/React.createElement(SmartCardComponent, _extends({
+        var editorAppearance = (_getPluginState = getPluginState(this.props.view.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
+        var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
+        return /*#__PURE__*/React.createElement(AnalyticsContext, {
+          data: {
+            attributes: {
+              location: analyticsEditorAppearance
+            },
+            // Below is added for the future implementation of Linking Platform namespaced analytics context
+            location: analyticsEditorAppearance
+          }
+        }, /*#__PURE__*/React.createElement(SmartCardComponent, _extends({
           key: url,
           cardContext: cardContext
-        }, this.props));
+        }, this.props)));
       }
     }, {
       key: "componentDidCatch",

package/dist/esm/plugins/card/nodeviews/inlineCard.js

@@ -66,6 +66,7 @@ export var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props2 = this.props,
         node = _this$props2.node,
         cardContext = _this$props2.cardContext,
+        showServerActions = _this$props2.showServerActions,
         useAlternativePreloader = _this$props2.useAlternativePreloader;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
@@ -81,7 +82,8 @@ export var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         container: this.scrollContainer,
         onResolve: this.onResolve,
         onError: this.onError,
-        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined
+        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+        showServerActions: showServerActions
       }));
       // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider
@@ -100,11 +102,13 @@ export function InlineCardNodeView(props) {
   var useAlternativePreloader = props.useAlternativePreloader,
     node = props.node,
     view = props.view,
-    getPos = props.getPos;
+    getPos = props.getPos,
+    showServerActions = props.showServerActions;
   return /*#__PURE__*/React.createElement(WrappedInlineCard, {
     node: node,
     view: view,
     getPos: getPos,
+    showServerActions: showServerActions,
     useAlternativePreloader: useAlternativePreloader
   });
 }

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

@@ -11,11 +11,13 @@ import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './
 export { pluginKey } from './plugin-key';
 export var createPlugin = function createPlugin(options) {
   return function (pmPluginFactoryParams) {
-    var platform = options.platform,
+    var editorAppearance = options.editorAppearance,
+      platform = options.platform,
       allowResizing = options.allowResizing,
       useAlternativePreloader = options.useAlternativePreloader,
       fullWidthMode = options.fullWidthMode,
-      createAnalyticsEvent = options.createAnalyticsEvent;
+      createAnalyticsEvent = options.createAnalyticsEvent,
+      showServerActions = options.showServerActions;
     return new SafePlugin({
       state: {
         init: function init() {
@@ -25,7 +27,8 @@ export var createPlugin = function createPlugin(options) {
             cards: [],
             showLinkingToolbar: false,
             smartLinkEvents: undefined,
-            createAnalyticsEvent: createAnalyticsEvent
+            createAnalyticsEvent: createAnalyticsEvent,
+            editorAppearance: editorAppearance
           };
         },
         apply: function apply(tr, pluginState) {
@@ -95,14 +98,16 @@ export var createPlugin = function createPlugin(options) {
             pmPluginFactoryParams: pmPluginFactoryParams,
             Component: InlineCardNodeView,
             extraComponentProps: {
-              useAlternativePreloader: useAlternativePreloader
+              useAlternativePreloader: useAlternativePreloader,
+              showServerActions: showServerActions
             }
           }),
           blockCard: function blockCard(node, view, getPos) {
             var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
               eventDispatcher = pmPluginFactoryParams.eventDispatcher;
             var reactComponentProps = {
-              platform: platform
+              platform: platform,
+              showServerActions: showServerActions
             };
             var hasIntlContext = true;
             return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();

package/dist/esm/plugins/card/pm-plugins/util/resolve.js

@@ -21,6 +21,10 @@ export var resolveWithProvider = function resolveWithProvider(view, outstandingR
 };
 var updateCardType = function updateCardType(resolvedCard, options) {
   if ((resolvedCard === null || resolvedCard === void 0 ? void 0 : resolvedCard.type) === 'blockCard' && !options.allowBlockCards || (resolvedCard === null || resolvedCard === void 0 ? void 0 : resolvedCard.type) === 'embedCard' && !options.allowEmbeds) {
+    // clean out the 'layout' attr from an embedCard type that should be transformed into the inlineCard type.
+    if (resolvedCard.type === 'embedCard') {
+      delete resolvedCard.attrs.layout;
+    }
     resolvedCard.type = 'inlineCard';
   }
 };

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

@@ -84,7 +84,10 @@ export var createClipboardSerializer = function createClipboardSerializer(schema
       var parentTable = findParentNodeOfType(schema.nodes.table)(selection);
       var attributes = parentTable === null || parentTable === void 0 ? void 0 : parentTable.node.attrs;
       var newTable = schema.nodes.table;
-      var newTableNode = newTable.createChecked(_objectSpread({}, attributes), content);
+      // Explicitly remove local id since we are creating a new table and it should have a unique local id which will be generated.
+      var newTableNode = newTable.createChecked(_objectSpread(_objectSpread({}, attributes), {}, {
+        localId: undefined
+      }), content);
       var newContent = Fragment.from(newTableNode);
       // Pass updated content into original ProseMirror serializeFragment function.
       // Currently incorrectly typed in @Types. See this GitHub thread: https://github.com/DefinitelyTyped/DefinitelyTyped/pull/57668

package/dist/esm/plugins/code-block/pm-plugins/main-state.js

@@ -1,14 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { pluginKey } from '../plugin-key';
 export var getPluginState = function getPluginState(state) {
   return pluginKey.getState(state);
-};
-export var setPluginState = function setPluginState(stateProps) {
-  return function (state, dispatch) {
-    var pluginState = getPluginState(state);
-    dispatch(state.tr.setMeta(pluginKey, _objectSpread(_objectSpread({}, pluginState), stateProps)));
-    return true;
-  };
 };

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

@@ -3,8 +3,7 @@ import { initialize } from './events/initialize';
 import { PluginState } from './plugin-state';
 import { pluginKey } from './plugin-key';
 import { addSynchronyErrorAnalytics } from './analytics';
-import { fireAnalyticsEvent } from '../analytics/fire-analytics-event';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
+import { fireAnalyticsEvent, ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export { PluginState, pluginKey };
 export var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options) {
   var fireAnalyticsCallback = fireAnalyticsEvent(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);

package/dist/esm/plugins/collab-edit/provider/index.js

@@ -1 +1 @@
-export { PubSubSpecialEventType } from './types';
+export {};

package/dist/esm/plugins/collab-edit/provider/types.js

@@ -1,10 +1 @@
-/**
- * Same as PubSub client types (don't want a direct dep though)
- */
-
-export var PubSubSpecialEventType;
-(function (PubSubSpecialEventType) {
-  PubSubSpecialEventType["ERROR"] = "ERROR";
-  PubSubSpecialEventType["CONNECTED"] = "CONNECTED";
-  PubSubSpecialEventType["RECONNECT"] = "RECONNECT";
-})(PubSubSpecialEventType || (PubSubSpecialEventType = {}));
+export {};

package/dist/esm/plugins/context-panel/index.js

@@ -4,9 +4,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 export var pluginKey = new PluginKey('contextPanelPluginKey');
-export function getPluginState(state) {
-  return pluginKey.getState(state);
-}
 function contextPanelPluginFactory(contextPanels, dispatch) {
   return new SafePlugin({
     key: pluginKey,

package/dist/esm/plugins/data-consumer/index.js

@@ -1,11 +1,4 @@
 import { dataConsumer } from '@atlaskit/adf-schema';
-import { Plugin } from 'prosemirror-state';
-import { pluginKey } from './plugin-key';
-export function createPlugin() {
-  return new Plugin({
-    key: pluginKey
-  });
-}
 var dataConsumerMarkPlugin = function dataConsumerMarkPlugin() {
   return {
     name: 'dataConsumerPlugin',

package/dist/esm/plugins/date/utils/internal.js

@@ -5,9 +5,6 @@ import { formatDateType, dateTypeToDate, dateToDateType } from './formatParse';
 import addDays from 'date-fns/addDays';
 import addMonths from 'date-fns/addMonths';
 import addYears from 'date-fns/addYears';
-export function padToTwo(number) {
-  return number <= 99 ? "0".concat(number).slice(-2) : "".concat(number);
-}
 function isDigit(c) {
   if (c === undefined) {
     return false;

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

@@ -42,12 +42,6 @@ export var forceAutoSave = function forceAutoSave(resolve, reject) {
     }
   }, applyChange);
 };
-export var showContextPanel = createCommand({
-  type: 'UPDATE_STATE',
-  data: {
-    showContextPanel: true
-  }
-}, applyChange);
 export var updateExtensionLayout = function updateExtensionLayout(layout) {
   return createCommand({
     type: 'UPDATE_STATE',

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

@@ -25,6 +25,11 @@ export var messages = defineMessages({
     defaultMessage: 'Delete element',
     description: 'Title text for confirm modal when deleting an extension linked to a data consumer.'
   },
+  unnamedSource: {
+    id: 'fabric.editor.extension.sourceNoTitledName',
+    defaultMessage: 'this element',
+    description: 'The current element without preset name been selected'
+  },
   confirmDeleteLinkedModalOKButton: {
     id: 'fabric.editor.extension.confirmDeleteLinkedModalOKButton',
     defaultMessage: 'Delete',
@@ -122,11 +127,12 @@ export var getToolbarConfig = function getToolbarConfig() {
       var confirmDialog;
       if (isReferencedSource(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
         confirmDialog = function confirmDialog() {
+          var localSourceName = formatMessage(messages.unnamedSource);
           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)
+              nodeName: getNodeName(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node) || localSourceName
             }),
             isReferentialityDialog: true,
             getChildrenInfo: function getChildrenInfo() {

package/dist/esm/plugins/extension/ui/Extension/Extension/index.js

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["type"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -45,7 +47,10 @@ function ExtensionWithPluginState(props) {
     'with-children': hasChildren,
     'without-frame': removeBorder
   });
-  var customContainerStyles = {};
+  var customContainerStyles = {
+    width: '100%'
+  };
+  var newContentStyles = {};
   if (shouldBreakout) {
     var _calculateBreakoutSty = calculateBreakoutStyles({
         mode: node.attrs.layout,
@@ -54,8 +59,10 @@ function ExtensionWithPluginState(props) {
       }),
       type = _calculateBreakoutSty.type,
       breakoutStyles = _objectWithoutProperties(_calculateBreakoutSty, _excluded);
+    newContentStyles = _objectSpread({}, breakoutStyles);
     customContainerStyles = breakoutStyles;
   }
+  newContentStyles = _objectSpread(_objectSpread({}, newContentStyles), contentWrapper);
   return jsx("div", {
     ref: handleRef,
     "data-layout": node.attrs.layout,
@@ -74,7 +81,7 @@ function ExtensionWithPluginState(props) {
   }, !removeBorder && jsx(ExtensionLozenge, {
     node: node
   }), children), hasBody && jsx("div", {
-    css: contentWrapper
+    css: newContentStyles
   }, jsx("div", {
     css: content,
     ref: handleContentDOMRef,

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

@@ -11,11 +11,11 @@ export var wrapperStyle = function wrapperStyle(theme) {
 };
 export var header = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px ", "px 0px;\n  vertical-align: middle;\n\n  &.with-children:not(.without-frame) {\n    padding: 4px 8px 8px;\n  }\n  &.without-frame {\n    padding: 0;\n  }\n"])), padding / 2, padding / 2);
 export var content = function content(theme) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", "px;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  cursor: initial;\n"])), padding, themed({
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", "px;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  cursor: initial;\n  width: 100%;\n"])), padding, themed({
     light: "var(--ds-surface, white)",
     dark: "var(--ds-surface, ".concat(DN30, ")")
   })(theme), themed({
     dark: "var(--ds-text, ".concat(DN900, ")")
   })(theme), "var(--ds-border, ".concat(N30, ")"), borderRadius());
 };
-export var contentWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0 ", "px ", "px;\n"])), padding, padding);
+export var contentWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0 ", "px ", "px;\n  display: flex;\n  justify-content: center;\n"])), padding, padding);

package/dist/esm/plugins/extension/ui/Extension/Lozenge.js

@@ -69,6 +69,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
       var title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey;
       var isBlockExtension = name === 'extension';
       return jsx("div", {
+        "data-testid": "lozenge-fallback",
         css: placeholderFallback
       }, lozengeData && !isBlockExtension ? this.renderImage(_objectSpread({
         height: ICON_SIZE,

package/dist/esm/plugins/feedback-dialog/index.js

@@ -5,13 +5,11 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
-import { PluginKey } from 'prosemirror-state';
 import { IconFeedback } from '../quick-insert/assets';
 import { version as coreVersion } from '../../version-wrapper';
 import { addAnalytics, ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE } from '../analytics';
 import loadJiraCollectorDialogScript from './loadJiraCollectorDialogScript';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
-export var pluginKey = new PluginKey('feedbackDialogPlugin');
 var showJiraCollectorDialog;
 var feedbackInfoHash;
 var defaultFeedbackInfo;

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

@@ -22,6 +22,7 @@ import FindReplace from './FindReplace';
 import { TRIGGER_METHOD } from '../../analytics/types';
 import { ToolTipContent, findKeymapByDescription, tooltip } from '../../../keymaps';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
+import { ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
 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"])));
@@ -88,7 +89,10 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
         },
         fitWidth: 352,
         zIndex: stackBelowOtherEditorFloatingPanels,
-        disableArrowKeyNavigation: true,
+        arrowKeyNavigationProviderOptions: {
+          type: ArrowKeyNavigationType.MENU,
+          disableArrowKeyNavigation: true
+        },
         trigger: jsx(ToolbarButton, {
           buttonId: TOOLBAR_BUTTON.FIND_REPLACE,
           spacing: isReducedSpacing ? 'none' : 'default',

package/dist/esm/plugins/floating-toolbar/ui/Button.js

@@ -12,6 +12,7 @@ export default (function (_ref) {
     icon = _ref.icon,
     iconAfter = _ref.iconAfter,
     onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     onFocus = _ref.onFocus,
@@ -29,7 +30,9 @@ export default (function (_ref) {
     _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
     hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
     ariaHasPopup = _ref.ariaHasPopup,
-    tabIndex = _ref.tabIndex;
+    tabIndex = _ref.tabIndex,
+    areaControls = _ref.areaControls,
+    ariaLabel = _ref.ariaLabel;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? iconOnlySpacing : {};
@@ -54,8 +57,10 @@ export default (function (_ref) {
         }))
       }, rest);
     },
-    "aria-label": title,
-    "aria-pressed": selected,
+    "aria-label": ariaLabel || title,
+    "aria-pressed": !ariaHasPopup ? selected : undefined,
+    "aria-expanded": ariaHasPopup ? selected : undefined,
+    "aria-controls": ariaHasPopup ? areaControls : undefined,
     spacing: 'compact',
     href: href,
     target: target,
@@ -64,6 +69,7 @@ export default (function (_ref) {
     iconBefore: icon || undefined,
     iconAfter: iconAfter,
     onClick: onClick,
+    onKeyDown: onKeyDown,
     isSelected: selected,
     isDisabled: disabled,
     testId: testId,

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

@@ -6,6 +6,7 @@ import { Checkbox } from '@atlaskit/checkbox';
 import Modal, { ModalBody, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';
 import messages from './messages';
 export var CheckboxModal = function CheckboxModal(props) {
+  var _options$getChildrenI;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isChecked = _useState2[0],
@@ -19,9 +20,10 @@ export var CheckboxModal = function CheckboxModal(props) {
   var okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(messages.confirmModalOK);
   var cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(messages.confirmModalCancel);
   var checkboxlabel = options === null || options === void 0 ? void 0 : options.checkboxLabel;
+  var childrenInfo = options === null || options === void 0 ? void 0 : (_options$getChildrenI = options.getChildrenInfo) === null || _options$getChildrenI === void 0 ? void 0 : _options$getChildrenI.call(options);
   var ListComponent = function ListComponent(_ref) {
     var nodes = _ref.nodes;
-    if (!nodes) {
+    if (nodes.length === 0) {
       return null;
     }
     return /*#__PURE__*/React.createElement("ul", null, nodes.map(function (node) {
@@ -46,8 +48,8 @@ export var CheckboxModal = function CheckboxModal(props) {
     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()
+  }, heading)), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("p", null, options === null || options === void 0 ? void 0 : options.message), !!(childrenInfo !== null && childrenInfo !== void 0 && childrenInfo.length) && /*#__PURE__*/React.createElement(ListComponent, {
+    nodes: childrenInfo
   }), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Checkbox, {
     isChecked: isChecked,
     onChange: function onChange() {