@atlaskit/editor-common 78.8.1 → 78.8.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-common
 
+## 78.8.3
+
+### Patch Changes
+
+- [#77599](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77599) [`a7b1a6b762eb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a7b1a6b762eb) - [ux] Table picker popup displays text using column x rows pattern and table picker button uses label column by row.
+- [#75436](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75436) [`bfcf32bb4fa3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bfcf32bb4fa3) - [ux] ED-21941 Disable resize/layout options for table, media and extension when added to MBE. Table rendering fixed for Confluence editor
+- [#77543](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77543) [`5b4b40dddddf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b4b40dddddf) - Updates default message of Background color option in table's menus
+
+## 78.8.2
+
+### Patch Changes
+
+- [#75915](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75915) [`2d614b4e4dab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2d614b4e4dab) - ED-22271 Adding cursor selections to MBE APIs
+
 ## 78.8.1
 
 ### Patch Changes

package/dist/cjs/card/MediaAndEmbedsToolbar/index.js

@@ -145,7 +145,7 @@ var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl,
 };
 var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref2, allowResizingInTables) {
   var nodes = _ref2.nodes;
-  return (0, _utils.hasParentNodeOfType)([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat((0, _toConsumableArray2.default)(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
+  return (0, _utils.hasParentNodeOfType)([nodes.bodiedExtension, nodes.extensionFrame, nodes.listItem, nodes.expand, nodes.nestedExpand].concat((0, _toConsumableArray2.default)(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
 };
 var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, widthPluginDependencyApi, analyticsApi, allowResizing, allowResizingInTables) {
   var allowWrapping = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : true;

package/dist/cjs/element-browser/components/ElementSearch.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -21,10 +20,10 @@ var _constants = require("../constants");
 var _useFocus = _interopRequireDefault(require("../hooks/use-focus"));
 var _messages = _interopRequireDefault(require("../messages"));
 var _types = require("../types");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @jsx jsx */
 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; }
+/** @jsx jsx */
+
 function ElementSearch(_ref) {
   var onSearch = _ref.onSearch,
     mode = _ref.mode,
@@ -63,21 +62,23 @@ function ElementSearch(_ref) {
   };
   var getFormattedMessage = function getFormattedMessage(itemsCount) {
     if (searchTerm === '') {
-      return "".concat(formatMessage(_messages.default.assistiveTextSuggestionsDefault, {
+      return "".concat(formatMessage(_messages.default.assistiveTextDefault, {
         count: itemsCount
       }));
     }
     if (itemsCount > 1) {
-      return "".concat(formatMessage(_messages.default.assistiveTextSuggestions, {
+      return "".concat(formatMessage(_messages.default.assistiveTextResult, {
         count: itemsCount
       }));
     }
     if (itemsCount === 1) {
-      return "".concat(formatMessage(_messages.default.assistiveTextSuggestion, {
+      return "".concat(formatMessage(_messages.default.assistiveTextResult, {
         count: itemsCount
       }));
     }
-    return formatMessage(_messages.default.assistiveTextSuggestionNothing);
+    return formatMessage(_messages.default.assistiveTextResult, {
+      count: itemsCount
+    });
   };
   var assistiveMessage = getFormattedMessage(items === null || items === void 0 ? void 0 : items.length);
   var isInputNotFocusedAndItemSelected = !inputFocused && selectedItemIndex !== undefined;
@@ -121,11 +122,43 @@ function ElementSearch(_ref) {
     className: "assistive"
   }, assistiveMessage));
 }
-var styledShortcut = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  padding: ", "px ", "px;\n  width: ", "px;\n"])), _shortcut.shortcutStyle, _constants.GRID_SIZE / 2, _constants.GRID_SIZE, _constants.GRID_SIZE * 6);
-var wrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    border-radius: ", "px;\n    flex: 1 1 100%;\n    overflow: visible;\n    & > [data-ds--text-field--input] {\n      margin-bottom: 3px;\n      font-size: ", ";\n      padding: ", "px ", " ", "px 0;\n    }\n  }\n"])), _constants.GRID_SIZE * 6, _constants.GRID_SIZE, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), _constants.GRID_SIZE, "var(--ds-space-075, 6px)", _constants.GRID_SIZE);
-var wrapperInline = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    flex: none;\n    overflow: revert;\n  }\n"])), _constants.GRID_SIZE * 5);
-var elementBeforeInput = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 1px ", " 0 ", ";\n  color: ", ";\n\n  // Custom SearchIcon style\n  span,\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])), "var(--ds-space-075, 6px)", "var(--ds-space-100, 8px)", "var(--ds-icon, ".concat(_colors.N200, ")"));
-var elementAfterInput = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 ", ";\n  height: ", ";\n  text-align: center;\n"])), "var(--ds-space-100, 8px)", _constants.SEARCH_ITEM_HEIGHT_WIDTH);
+var styledShortcut = (0, _react2.css)(_shortcut.shortcutStyle, {
+  padding: "".concat(_constants.GRID_SIZE / 2, "px ").concat(_constants.GRID_SIZE, "px"),
+  width: "".concat(_constants.GRID_SIZE * 6, "px")
+});
+var wrapper = (0, _react2.css)({
+  '& > [data-ds--text-field--container]': {
+    height: "".concat(_constants.GRID_SIZE * 6, "px"),
+    borderRadius: "".concat(_constants.GRID_SIZE, "px"),
+    flex: '1 1 100%',
+    overflow: 'visible',
+    '& > [data-ds--text-field--input]': {
+      marginBottom: '3px',
+      fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
+      padding: "".concat(_constants.GRID_SIZE, "px ", "var(--ds-space-075, 6px)", " ").concat(_constants.GRID_SIZE, "px 0")
+    }
+  }
+});
+var wrapperInline = (0, _react2.css)({
+  '& > [data-ds--text-field--container]': {
+    height: "".concat(_constants.GRID_SIZE * 5, "px"),
+    flex: 'none',
+    overflow: 'revert'
+  }
+});
+var elementBeforeInput = (0, _react2.css)({
+  margin: "1px ".concat("var(--ds-space-075, 6px)", " 0 ", "var(--ds-space-100, 8px)"),
+  color: "var(--ds-icon, ".concat(_colors.N200, ")"),
+  'span, svg': {
+    height: '20px',
+    width: '20px'
+  }
+});
+var elementAfterInput = (0, _react2.css)({
+  margin: "0 ".concat("var(--ds-space-100, 8px)"),
+  height: _constants.SEARCH_ITEM_HEIGHT_WIDTH,
+  textAlign: 'center'
+});
 var MemoizedElementSearchWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _analyticsNext.withAnalyticsContext)({
   component: 'Searchbar'
 })((0, _reactIntlNext.injectIntl)(ElementSearch)));

package/dist/cjs/element-browser/messages.js

@@ -16,24 +16,14 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Search',
     description: 'Search field placeholder'
   },
-  assistiveTextSuggestionsDefault: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions',
+  assistiveTextDefault: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.default',
     defaultMessage: '{count} suggestions available by default.',
     description: 'Assistive text to describe the default list of suggestions'
   },
-  assistiveTextSuggestions: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions',
-    defaultMessage: '{count} suggestions available for typed text.',
-    description: 'Assistive text to describe the list of suggestions filtered by typed user input, plural of fabric.editor.elementbrowser.searchbar.assistive.text.suggestion'
-  },
-  assistiveTextSuggestion: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestion',
-    defaultMessage: '{count} suggestion available for typed text.',
-    description: 'Assistive text to describe the that there is one suggestion for the users typed input'
-  },
-  assistiveTextSuggestionNothing: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.nothing',
-    defaultMessage: 'Nothing matches your search',
-    description: 'Assistive text to describe that no suggestions match the users typed input'
+  assistiveTextResult: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.result',
+    defaultMessage: '{count, plural, =0 {Nothing matches your search} one {{count} suggestion available for typed text.} other {{count} suggestions available for typed text.}}',
+    description: 'Assistive text to describe the list of suggestions filtered by typed user input'
   }
 });

package/dist/cjs/extensibility/MultiBodiedExtension/action-api.js

@@ -29,8 +29,12 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
           (0, _utils.sendMBEAnalyticsEvent)(_analytics.ACTION.CHANGE_ACTIVE, node, eventDispatcher);
         }
         // On selection of a childFrame, we need to change the focus/selection to the end of the target child Frame
-        var possiblyMbeNode = state.doc.nodeAt(state.tr.selection.from);
-        var desiredPos = state.tr.selection.from || 0;
+        var pos = getPos();
+        if (typeof pos !== 'number') {
+          return updateActiveChildResult;
+        }
+        var possiblyMbeNode = state.doc.nodeAt(pos);
+        var desiredPos = pos;
         if (possiblyMbeNode && (possiblyMbeNode === null || possiblyMbeNode === void 0 || (_possiblyMbeNode$type = possiblyMbeNode.type) === null || _possiblyMbeNode$type === void 0 ? void 0 : _possiblyMbeNode$type.name) === 'multiBodiedExtension' && possiblyMbeNode !== null && possiblyMbeNode !== void 0 && possiblyMbeNode.content) {
           for (var i = 0; i <= index && i < (possiblyMbeNode === null || possiblyMbeNode === void 0 || (_possiblyMbeNode$cont = possiblyMbeNode.content) === null || _possiblyMbeNode$cont === void 0 ? void 0 : _possiblyMbeNode$cont.childCount); i++) {
             var _possiblyMbeNode$cont, _possiblyMbeNode$cont2;
@@ -59,7 +63,9 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
           throw new Error('Could not create frame or position not valid');
         }
         var insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
-        dispatch(state.tr.insert(insertAt, frame));
+        var tr = state.tr.insert(insertAt, frame);
+        tr.setSelection(new _state.TextSelection(tr.doc.resolve(insertAt + 1)));
+        dispatch(tr);
         if (eventDispatcher) {
           (0, _utils.sendMBEAnalyticsEvent)(_analytics.ACTION.ADD_CHILD, node, eventDispatcher);
         }

package/dist/cjs/link/LinkSearch/LinkSearchListItem.js

@@ -13,7 +13,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
@@ -22,20 +21,44 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _listItemAlts = require("./listItemAlts");
 var _transformTimeStamp = require("./transformTimeStamp");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-/** @jsx jsx */
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var container = exports.container = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: transparent;\n  padding: ", " ", ";\n  cursor: pointer;\n  display: flex;\n  margin-top: 0;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)");
-var containerSelected = exports.containerSelected = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));
-var nameWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n"])));
-var nameStyle = exports.nameStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), "var(--ds-text, ".concat(_colors.N800, ")"));
-var containerName = exports.containerName = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSizeSmall)()));
-var iconStyle = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 16px;\n  margin-top: 3px;\n  margin-right: ", ";\n\n  img {\n    max-width: 16px;\n  }\n"])), "var(--ds-space-150, 12px)");
+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 */ // AFP-2532 TODO: Fix automatic suppressions below
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+var container = exports.container = (0, _react2.css)({
+  backgroundColor: 'transparent',
+  padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-150, 12px)"),
+  cursor: 'pointer',
+  display: 'flex',
+  marginTop: 0
+});
+var containerSelected = exports.containerSelected = (0, _react2.css)({
+  backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")")
+});
+var nameWrapper = (0, _react2.css)({
+  overflow: 'hidden'
+});
+var nameStyle = exports.nameStyle = (0, _react2.css)({
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  lineHeight: '20px'
+});
+var containerName = exports.containerName = (0, _react2.css)({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
+  lineHeight: '14px',
+  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSizeSmall)())
+});
+var iconStyle = (0, _react2.css)({
+  minWidth: '16px',
+  marginTop: '3px',
+  marginRight: "var(--ds-space-150, 12px)",
+  img: {
+    maxWidth: '16px'
+  }
+});
 var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(LinkSearchListItem, _React$PureComponent);
   var _super = _createSuper(LinkSearchListItem);

package/dist/cjs/link/LinkSearch/listItemAlts.js

@@ -38,7 +38,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
   },
   defaultAltText: {
     id: 'fabric.editor.defaultAltText',
-    defaultMessage: 'List item',
+    defaultMessage: 'Document',
     description: 'Default alt text for ListItem image'
   }
 });

package/dist/cjs/messages/insert-block.js

@@ -88,8 +88,8 @@ var toolbarInsertBlockMessages = exports.toolbarInsertBlockMessages = (0, _react
   },
   tableSizeSelectorButton: {
     id: 'fabric.editor.tableSizeSelectorButton',
-    defaultMessage: 'Create table of size',
-    description: 'Creates table popup grid of defined size'
+    defaultMessage: '{numberOfColumns} by {numberOfRows}',
+    description: 'Creates a table of custom size'
   },
   tableSizeSelectorPopup: {
     id: 'fabric.editor.tableSizeSelectorPopup',

package/dist/cjs/messages/table.js

@@ -173,7 +173,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   },
   backgroundColor: {
     id: 'fabric.editor.backgroundColor',
-    defaultMessage: 'Background Color',
+    defaultMessage: 'Background color',
     description: 'Change the background color of a table cell.'
   },
   mergeCells: {

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "78.8.1";
+var packageVersion = "78.8.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/node-width/index.js

@@ -73,6 +73,9 @@ var getParentNodeWidth = exports.getParentNodeWidth = function getParentNodeWidt
     case schema.nodes.bodiedExtension:
       parentWidth -= _extension.BODIED_EXT_PADDING * 2;
       break;
+    case schema.nodes.extensionFrame:
+      parentWidth -= _extension.BODIED_EXT_PADDING * 2;
+      break;
 
     // TODO: Migrate away from gridSize
     // Recommendation: Replace gridSize with 8
@@ -96,7 +99,7 @@ var getNestedParentNode = function getNestedParentNode(tablePos, state) {
     return null;
   }
   var $pos = state.doc.resolve(tablePos);
-  var parent = (0, _utils.findParentNodeOfTypeClosestToPos)($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
+  var parent = (0, _utils.findParentNodeOfTypeClosestToPos)($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.extensionFrame, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
   return parent ? parent.node : null;
 };
 var calcBreakoutNodeWidth = function calcBreakoutNodeWidth(layout, containerWidth, isFullWidthModeEnabled) {

package/dist/cjs/ui/DropList/index.js

@@ -22,7 +22,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.8.1";
+var packageVersion = "78.8.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/card/MediaAndEmbedsToolbar/index.js

@@ -152,7 +152,7 @@ const mapIconsToToolbarItem = (icons, layout, intl, nodeType, widthPluginDepende
 const shouldHideLayoutToolbar = (selection, {
   nodes
 }, allowResizingInTables) => {
-  return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand, ...(allowResizingInTables ? [] : [nodes.table])].filter(Boolean))(selection);
+  return hasParentNodeOfType([nodes.bodiedExtension, nodes.extensionFrame, nodes.listItem, nodes.expand, nodes.nestedExpand, ...(allowResizingInTables ? [] : [nodes.table])].filter(Boolean))(selection);
 };
 const buildLayoutButtons = (state, intl, nodeType, widthPluginDependencyApi, analyticsApi, allowResizing, allowResizingInTables, allowWrapping = true, allowAlignment = true, isChangingLayoutDisabled) => {
   const {

package/dist/es2019/element-browser/components/ElementSearch.js

@@ -53,21 +53,23 @@ function ElementSearch({
   };
   const getFormattedMessage = itemsCount => {
     if (searchTerm === '') {
-      return `${formatMessage(commonMessages.assistiveTextSuggestionsDefault, {
+      return `${formatMessage(commonMessages.assistiveTextDefault, {
         count: itemsCount
       })}`;
     }
     if (itemsCount > 1) {
-      return `${formatMessage(commonMessages.assistiveTextSuggestions, {
+      return `${formatMessage(commonMessages.assistiveTextResult, {
         count: itemsCount
       })}`;
     }
     if (itemsCount === 1) {
-      return `${formatMessage(commonMessages.assistiveTextSuggestion, {
+      return `${formatMessage(commonMessages.assistiveTextResult, {
         count: itemsCount
       })}`;
     }
-    return formatMessage(commonMessages.assistiveTextSuggestionNothing);
+    return formatMessage(commonMessages.assistiveTextResult, {
+      count: itemsCount
+    });
   };
   const assistiveMessage = getFormattedMessage(items === null || items === void 0 ? void 0 : items.length);
   const isInputNotFocusedAndItemSelected = !inputFocused && selectedItemIndex !== undefined;
@@ -111,47 +113,43 @@ function ElementSearch({
     className: "assistive"
   }, assistiveMessage));
 }
-const styledShortcut = css`
-  ${shortcutStyle}
-  padding: ${GRID_SIZE / 2}px ${GRID_SIZE}px;
-  width: ${GRID_SIZE * 6}px;
-`;
-const wrapper = css`
-  & > [data-ds--text-field--container] {
-    height: ${GRID_SIZE * 6}px;
-    border-radius: ${GRID_SIZE}px;
-    flex: 1 1 100%;
-    overflow: visible;
-    & > [data-ds--text-field--input] {
-      margin-bottom: 3px;
-      font-size: ${relativeFontSizeToBase16(14)};
-      padding: ${GRID_SIZE}px ${"var(--ds-space-075, 6px)"} ${GRID_SIZE}px 0;
+const styledShortcut = css(shortcutStyle, {
+  padding: `${GRID_SIZE / 2}px ${GRID_SIZE}px`,
+  width: `${GRID_SIZE * 6}px`
+});
+const wrapper = css({
+  '& > [data-ds--text-field--container]': {
+    height: `${GRID_SIZE * 6}px`,
+    borderRadius: `${GRID_SIZE}px`,
+    flex: '1 1 100%',
+    overflow: 'visible',
+    '& > [data-ds--text-field--input]': {
+      marginBottom: '3px',
+      fontSize: relativeFontSizeToBase16(14),
+      padding: `${GRID_SIZE}px ${"var(--ds-space-075, 6px)"} ${GRID_SIZE}px 0`
     }
   }
-`;
-const wrapperInline = css`
-  & > [data-ds--text-field--container] {
-    height: ${GRID_SIZE * 5}px;
-    flex: none;
-    overflow: revert;
+});
+const wrapperInline = css({
+  '& > [data-ds--text-field--container]': {
+    height: `${GRID_SIZE * 5}px`,
+    flex: 'none',
+    overflow: 'revert'
   }
-`;
-const elementBeforeInput = css`
-  margin: 1px ${"var(--ds-space-075, 6px)"} 0 ${"var(--ds-space-100, 8px)"};
-  color: ${`var(--ds-icon, ${N200})`};
-
-  // Custom SearchIcon style
-  span,
-  svg {
-    height: 20px;
-    width: 20px;
+});
+const elementBeforeInput = css({
+  margin: `1px ${"var(--ds-space-075, 6px)"} 0 ${"var(--ds-space-100, 8px)"}`,
+  color: `var(--ds-icon, ${N200})`,
+  'span, svg': {
+    height: '20px',
+    width: '20px'
   }
-`;
-const elementAfterInput = css`
-  margin: 0 ${"var(--ds-space-100, 8px)"};
-  height: ${SEARCH_ITEM_HEIGHT_WIDTH};
-  text-align: center;
-`;
+});
+const elementAfterInput = css({
+  margin: `0 ${"var(--ds-space-100, 8px)"}`,
+  height: SEARCH_ITEM_HEIGHT_WIDTH,
+  textAlign: 'center'
+});
 const MemoizedElementSearchWithAnalytics = /*#__PURE__*/memo(withAnalyticsContext({
   component: 'Searchbar'
 })(injectIntl(ElementSearch)));

package/dist/es2019/element-browser/messages.js

@@ -10,24 +10,14 @@ export default defineMessages({
     defaultMessage: 'Search',
     description: 'Search field placeholder'
   },
-  assistiveTextSuggestionsDefault: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions',
+  assistiveTextDefault: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.default',
     defaultMessage: '{count} suggestions available by default.',
     description: 'Assistive text to describe the default list of suggestions'
   },
-  assistiveTextSuggestions: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions',
-    defaultMessage: '{count} suggestions available for typed text.',
-    description: 'Assistive text to describe the list of suggestions filtered by typed user input, plural of fabric.editor.elementbrowser.searchbar.assistive.text.suggestion'
-  },
-  assistiveTextSuggestion: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestion',
-    defaultMessage: '{count} suggestion available for typed text.',
-    description: 'Assistive text to describe the that there is one suggestion for the users typed input'
-  },
-  assistiveTextSuggestionNothing: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.nothing',
-    defaultMessage: 'Nothing matches your search',
-    description: 'Assistive text to describe that no suggestions match the users typed input'
+  assistiveTextResult: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.result',
+    defaultMessage: '{count, plural, =0 {Nothing matches your search} one {{count} suggestion available for typed text.} other {{count} suggestions available for typed text.}}',
+    description: 'Assistive text to describe the list of suggestions filtered by typed user input'
   }
 });

package/dist/es2019/extensibility/MultiBodiedExtension/action-api.js

@@ -22,8 +22,12 @@ export const useMultiBodiedExtensionActions = ({
           sendMBEAnalyticsEvent(ACTION.CHANGE_ACTIVE, node, eventDispatcher);
         }
         // On selection of a childFrame, we need to change the focus/selection to the end of the target child Frame
-        const possiblyMbeNode = state.doc.nodeAt(state.tr.selection.from);
-        let desiredPos = state.tr.selection.from || 0;
+        const pos = getPos();
+        if (typeof pos !== 'number') {
+          return updateActiveChildResult;
+        }
+        const possiblyMbeNode = state.doc.nodeAt(pos);
+        let desiredPos = pos;
         if (possiblyMbeNode && (possiblyMbeNode === null || possiblyMbeNode === void 0 ? void 0 : (_possiblyMbeNode$type = possiblyMbeNode.type) === null || _possiblyMbeNode$type === void 0 ? void 0 : _possiblyMbeNode$type.name) === 'multiBodiedExtension' && possiblyMbeNode !== null && possiblyMbeNode !== void 0 && possiblyMbeNode.content) {
           for (let i = 0; i <= index && i < (possiblyMbeNode === null || possiblyMbeNode === void 0 ? void 0 : (_possiblyMbeNode$cont = possiblyMbeNode.content) === null || _possiblyMbeNode$cont === void 0 ? void 0 : _possiblyMbeNode$cont.childCount); i++) {
             var _possiblyMbeNode$cont, _possiblyMbeNode$cont2, _possiblyMbeNode$cont3;
@@ -54,7 +58,9 @@ export const useMultiBodiedExtensionActions = ({
           throw new Error('Could not create frame or position not valid');
         }
         const insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
-        dispatch(state.tr.insert(insertAt, frame));
+        const tr = state.tr.insert(insertAt, frame);
+        tr.setSelection(new TextSelection(tr.doc.resolve(insertAt + 1)));
+        dispatch(tr);
         if (eventDispatcher) {
           sendMBEAnalyticsEvent(ACTION.ADD_CHILD, node, eventDispatcher);
         }

package/dist/es2019/link/LinkSearch/LinkSearchListItem.js

@@ -10,40 +10,39 @@ import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { fontSizeSmall } from '@atlaskit/theme/constants';
 import { getCorrectAltByIconUrl } from './listItemAlts';
 import { transformTimeStamp } from './transformTimeStamp';
-export const container = css`
-  background-color: transparent;
-  padding: ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"};
-  cursor: pointer;
-  display: flex;
-  margin-top: 0;
-`;
-export const containerSelected = css`
-  background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N20})`};
-`;
-const nameWrapper = css`
-  overflow: hidden;
-`;
-export const nameStyle = css`
-  color: ${`var(--ds-text, ${N800})`};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 20px;
-`;
-export const containerName = css`
-  color: ${`var(--ds-text-subtlest, ${N300})`};
-  line-height: 14px;
-  font-size: ${relativeFontSizeToBase16(fontSizeSmall())};
-`;
-const iconStyle = css`
-  min-width: 16px;
-  margin-top: 3px;
-  margin-right: ${"var(--ds-space-150, 12px)"};
-
-  img {
-    max-width: 16px;
+export const container = css({
+  backgroundColor: 'transparent',
+  padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"}`,
+  cursor: 'pointer',
+  display: 'flex',
+  marginTop: 0
+});
+export const containerSelected = css({
+  backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N20})`
+});
+const nameWrapper = css({
+  overflow: 'hidden'
+});
+export const nameStyle = css({
+  color: `var(--ds-text, ${N800})`,
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  lineHeight: '20px'
+});
+export const containerName = css({
+  color: `var(--ds-text-subtlest, ${N300})`,
+  lineHeight: '14px',
+  fontSize: relativeFontSizeToBase16(fontSizeSmall())
+});
+const iconStyle = css({
+  minWidth: '16px',
+  marginTop: '3px',
+  marginRight: "var(--ds-space-150, 12px)",
+  img: {
+    maxWidth: '16px'
   }
-`;
+});
 class LinkSearchListItem extends React.PureComponent {
   constructor(...args) {
     super(...args);

package/dist/es2019/link/LinkSearch/listItemAlts.js

@@ -32,7 +32,7 @@ const messages = defineMessages({
   },
   defaultAltText: {
     id: 'fabric.editor.defaultAltText',
-    defaultMessage: 'List item',
+    defaultMessage: 'Document',
     description: 'Default alt text for ListItem image'
   }
 });

package/dist/es2019/messages/insert-block.js

@@ -82,8 +82,8 @@ export const toolbarInsertBlockMessages = defineMessages({
   },
   tableSizeSelectorButton: {
     id: 'fabric.editor.tableSizeSelectorButton',
-    defaultMessage: 'Create table of size',
-    description: 'Creates table popup grid of defined size'
+    defaultMessage: '{numberOfColumns} by {numberOfRows}',
+    description: 'Creates a table of custom size'
   },
   tableSizeSelectorPopup: {
     id: 'fabric.editor.tableSizeSelectorPopup',

package/dist/es2019/messages/table.js

@@ -167,7 +167,7 @@ export const messages = defineMessages({
   },
   backgroundColor: {
     id: 'fabric.editor.backgroundColor',
-    defaultMessage: 'Background Color',
+    defaultMessage: 'Background color',
     description: 'Change the background color of a table cell.'
   },
   mergeCells: {

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "78.8.1";
+const packageVersion = "78.8.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/node-width/index.js

@@ -68,6 +68,9 @@ export const getParentNodeWidth = (pos, state, containerWidth, isFullWidthModeEn
     case schema.nodes.bodiedExtension:
       parentWidth -= BODIED_EXT_PADDING * 2;
       break;
+    case schema.nodes.extensionFrame:
+      parentWidth -= BODIED_EXT_PADDING * 2;
+      break;
 
     // TODO: Migrate away from gridSize
     // Recommendation: Replace gridSize with 8
@@ -91,7 +94,7 @@ const getNestedParentNode = (tablePos, state) => {
     return null;
   }
   const $pos = state.doc.resolve(tablePos);
-  const parent = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
+  const parent = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.extensionFrame, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
   return parent ? parent.node : null;
 };
 const calcBreakoutNodeWidth = (layout, containerWidth, isFullWidthModeEnabled) => {

package/dist/es2019/ui/DropList/index.js

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "78.8.1";
+const packageVersion = "78.8.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/card/MediaAndEmbedsToolbar/index.js

@@ -135,7 +135,7 @@ var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl,
 };
 var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref2, allowResizingInTables) {
   var nodes = _ref2.nodes;
-  return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat(_toConsumableArray(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
+  return hasParentNodeOfType([nodes.bodiedExtension, nodes.extensionFrame, nodes.listItem, nodes.expand, nodes.nestedExpand].concat(_toConsumableArray(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
 };
 var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, widthPluginDependencyApi, analyticsApi, allowResizing, allowResizingInTables) {
   var allowWrapping = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : true;

package/dist/esm/element-browser/components/ElementSearch.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
 import React, { memo, useLayoutEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -53,21 +51,23 @@ function ElementSearch(_ref) {
   };
   var getFormattedMessage = function getFormattedMessage(itemsCount) {
     if (searchTerm === '') {
-      return "".concat(formatMessage(commonMessages.assistiveTextSuggestionsDefault, {
+      return "".concat(formatMessage(commonMessages.assistiveTextDefault, {
         count: itemsCount
       }));
     }
     if (itemsCount > 1) {
-      return "".concat(formatMessage(commonMessages.assistiveTextSuggestions, {
+      return "".concat(formatMessage(commonMessages.assistiveTextResult, {
         count: itemsCount
       }));
     }
     if (itemsCount === 1) {
-      return "".concat(formatMessage(commonMessages.assistiveTextSuggestion, {
+      return "".concat(formatMessage(commonMessages.assistiveTextResult, {
         count: itemsCount
       }));
     }
-    return formatMessage(commonMessages.assistiveTextSuggestionNothing);
+    return formatMessage(commonMessages.assistiveTextResult, {
+      count: itemsCount
+    });
   };
   var assistiveMessage = getFormattedMessage(items === null || items === void 0 ? void 0 : items.length);
   var isInputNotFocusedAndItemSelected = !inputFocused && selectedItemIndex !== undefined;
@@ -111,11 +111,43 @@ function ElementSearch(_ref) {
     className: "assistive"
   }, assistiveMessage));
 }
-var styledShortcut = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  padding: ", "px ", "px;\n  width: ", "px;\n"])), shortcutStyle, GRID_SIZE / 2, GRID_SIZE, GRID_SIZE * 6);
-var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    border-radius: ", "px;\n    flex: 1 1 100%;\n    overflow: visible;\n    & > [data-ds--text-field--input] {\n      margin-bottom: 3px;\n      font-size: ", ";\n      padding: ", "px ", " ", "px 0;\n    }\n  }\n"])), GRID_SIZE * 6, GRID_SIZE, relativeFontSizeToBase16(14), GRID_SIZE, "var(--ds-space-075, 6px)", GRID_SIZE);
-var wrapperInline = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    flex: none;\n    overflow: revert;\n  }\n"])), GRID_SIZE * 5);
-var elementBeforeInput = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 1px ", " 0 ", ";\n  color: ", ";\n\n  // Custom SearchIcon style\n  span,\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])), "var(--ds-space-075, 6px)", "var(--ds-space-100, 8px)", "var(--ds-icon, ".concat(N200, ")"));
-var elementAfterInput = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin: 0 ", ";\n  height: ", ";\n  text-align: center;\n"])), "var(--ds-space-100, 8px)", SEARCH_ITEM_HEIGHT_WIDTH);
+var styledShortcut = css(shortcutStyle, {
+  padding: "".concat(GRID_SIZE / 2, "px ").concat(GRID_SIZE, "px"),
+  width: "".concat(GRID_SIZE * 6, "px")
+});
+var wrapper = css({
+  '& > [data-ds--text-field--container]': {
+    height: "".concat(GRID_SIZE * 6, "px"),
+    borderRadius: "".concat(GRID_SIZE, "px"),
+    flex: '1 1 100%',
+    overflow: 'visible',
+    '& > [data-ds--text-field--input]': {
+      marginBottom: '3px',
+      fontSize: relativeFontSizeToBase16(14),
+      padding: "".concat(GRID_SIZE, "px ", "var(--ds-space-075, 6px)", " ").concat(GRID_SIZE, "px 0")
+    }
+  }
+});
+var wrapperInline = css({
+  '& > [data-ds--text-field--container]': {
+    height: "".concat(GRID_SIZE * 5, "px"),
+    flex: 'none',
+    overflow: 'revert'
+  }
+});
+var elementBeforeInput = css({
+  margin: "1px ".concat("var(--ds-space-075, 6px)", " 0 ", "var(--ds-space-100, 8px)"),
+  color: "var(--ds-icon, ".concat(N200, ")"),
+  'span, svg': {
+    height: '20px',
+    width: '20px'
+  }
+});
+var elementAfterInput = css({
+  margin: "0 ".concat("var(--ds-space-100, 8px)"),
+  height: SEARCH_ITEM_HEIGHT_WIDTH,
+  textAlign: 'center'
+});
 var MemoizedElementSearchWithAnalytics = /*#__PURE__*/memo(withAnalyticsContext({
   component: 'Searchbar'
 })(injectIntl(ElementSearch)));

package/dist/esm/element-browser/messages.js

@@ -10,24 +10,14 @@ export default defineMessages({
     defaultMessage: 'Search',
     description: 'Search field placeholder'
   },
-  assistiveTextSuggestionsDefault: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions',
+  assistiveTextDefault: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.default',
     defaultMessage: '{count} suggestions available by default.',
     description: 'Assistive text to describe the default list of suggestions'
   },
-  assistiveTextSuggestions: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions',
-    defaultMessage: '{count} suggestions available for typed text.',
-    description: 'Assistive text to describe the list of suggestions filtered by typed user input, plural of fabric.editor.elementbrowser.searchbar.assistive.text.suggestion'
-  },
-  assistiveTextSuggestion: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestion',
-    defaultMessage: '{count} suggestion available for typed text.',
-    description: 'Assistive text to describe the that there is one suggestion for the users typed input'
-  },
-  assistiveTextSuggestionNothing: {
-    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.nothing',
-    defaultMessage: 'Nothing matches your search',
-    description: 'Assistive text to describe that no suggestions match the users typed input'
+  assistiveTextResult: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.result',
+    defaultMessage: '{count, plural, =0 {Nothing matches your search} one {{count} suggestion available for typed text.} other {{count} suggestions available for typed text.}}',
+    description: 'Assistive text to describe the list of suggestions filtered by typed user input'
   }
 });

package/dist/esm/extensibility/MultiBodiedExtension/action-api.js

@@ -22,8 +22,12 @@ export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActi
           sendMBEAnalyticsEvent(ACTION.CHANGE_ACTIVE, node, eventDispatcher);
         }
         // On selection of a childFrame, we need to change the focus/selection to the end of the target child Frame
-        var possiblyMbeNode = state.doc.nodeAt(state.tr.selection.from);
-        var desiredPos = state.tr.selection.from || 0;
+        var pos = getPos();
+        if (typeof pos !== 'number') {
+          return updateActiveChildResult;
+        }
+        var possiblyMbeNode = state.doc.nodeAt(pos);
+        var desiredPos = pos;
         if (possiblyMbeNode && (possiblyMbeNode === null || possiblyMbeNode === void 0 || (_possiblyMbeNode$type = possiblyMbeNode.type) === null || _possiblyMbeNode$type === void 0 ? void 0 : _possiblyMbeNode$type.name) === 'multiBodiedExtension' && possiblyMbeNode !== null && possiblyMbeNode !== void 0 && possiblyMbeNode.content) {
           for (var i = 0; i <= index && i < (possiblyMbeNode === null || possiblyMbeNode === void 0 || (_possiblyMbeNode$cont = possiblyMbeNode.content) === null || _possiblyMbeNode$cont === void 0 ? void 0 : _possiblyMbeNode$cont.childCount); i++) {
             var _possiblyMbeNode$cont, _possiblyMbeNode$cont2;
@@ -52,7 +56,9 @@ export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActi
           throw new Error('Could not create frame or position not valid');
         }
         var insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
-        dispatch(state.tr.insert(insertAt, frame));
+        var tr = state.tr.insert(insertAt, frame);
+        tr.setSelection(new TextSelection(tr.doc.resolve(insertAt + 1)));
+        dispatch(tr);
         if (eventDispatcher) {
           sendMBEAnalyticsEvent(ACTION.ADD_CHILD, node, eventDispatcher);
         }

package/dist/esm/link/LinkSearch/LinkSearchListItem.js

@@ -5,8 +5,6 @@ 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";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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 */
@@ -20,12 +18,39 @@ import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { fontSizeSmall } from '@atlaskit/theme/constants';
 import { getCorrectAltByIconUrl } from './listItemAlts';
 import { transformTimeStamp } from './transformTimeStamp';
-export var container = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: transparent;\n  padding: ", " ", ";\n  cursor: pointer;\n  display: flex;\n  margin-top: 0;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)");
-export var containerSelected = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"));
-var nameWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-export var nameStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), "var(--ds-text, ".concat(N800, ")"));
-export var containerName = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), "var(--ds-text-subtlest, ".concat(N300, ")"), relativeFontSizeToBase16(fontSizeSmall()));
-var iconStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  min-width: 16px;\n  margin-top: 3px;\n  margin-right: ", ";\n\n  img {\n    max-width: 16px;\n  }\n"])), "var(--ds-space-150, 12px)");
+export var container = css({
+  backgroundColor: 'transparent',
+  padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-150, 12px)"),
+  cursor: 'pointer',
+  display: 'flex',
+  marginTop: 0
+});
+export var containerSelected = css({
+  backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")
+});
+var nameWrapper = css({
+  overflow: 'hidden'
+});
+export var nameStyle = css({
+  color: "var(--ds-text, ".concat(N800, ")"),
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  lineHeight: '20px'
+});
+export var containerName = css({
+  color: "var(--ds-text-subtlest, ".concat(N300, ")"),
+  lineHeight: '14px',
+  fontSize: relativeFontSizeToBase16(fontSizeSmall())
+});
+var iconStyle = css({
+  minWidth: '16px',
+  marginTop: '3px',
+  marginRight: "var(--ds-space-150, 12px)",
+  img: {
+    maxWidth: '16px'
+  }
+});
 var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(LinkSearchListItem, _React$PureComponent);
   var _super = _createSuper(LinkSearchListItem);

package/dist/esm/link/LinkSearch/listItemAlts.js

@@ -32,7 +32,7 @@ var messages = defineMessages({
   },
   defaultAltText: {
     id: 'fabric.editor.defaultAltText',
-    defaultMessage: 'List item',
+    defaultMessage: 'Document',
     description: 'Default alt text for ListItem image'
   }
 });

package/dist/esm/messages/insert-block.js

@@ -82,8 +82,8 @@ export var toolbarInsertBlockMessages = defineMessages({
   },
   tableSizeSelectorButton: {
     id: 'fabric.editor.tableSizeSelectorButton',
-    defaultMessage: 'Create table of size',
-    description: 'Creates table popup grid of defined size'
+    defaultMessage: '{numberOfColumns} by {numberOfRows}',
+    description: 'Creates a table of custom size'
   },
   tableSizeSelectorPopup: {
     id: 'fabric.editor.tableSizeSelectorPopup',

package/dist/esm/messages/table.js

@@ -167,7 +167,7 @@ export var messages = defineMessages({
   },
   backgroundColor: {
     id: 'fabric.editor.backgroundColor',
-    defaultMessage: 'Background Color',
+    defaultMessage: 'Background color',
     description: 'Change the background color of a table cell.'
   },
   mergeCells: {

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "78.8.1";
+var packageVersion = "78.8.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/node-width/index.js

@@ -66,6 +66,9 @@ export var getParentNodeWidth = function getParentNodeWidth(pos, state, containe
     case schema.nodes.bodiedExtension:
       parentWidth -= BODIED_EXT_PADDING * 2;
       break;
+    case schema.nodes.extensionFrame:
+      parentWidth -= BODIED_EXT_PADDING * 2;
+      break;
 
     // TODO: Migrate away from gridSize
     // Recommendation: Replace gridSize with 8
@@ -89,7 +92,7 @@ var getNestedParentNode = function getNestedParentNode(tablePos, state) {
     return null;
   }
   var $pos = state.doc.resolve(tablePos);
-  var parent = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
+  var parent = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.extensionFrame, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
   return parent ? parent.node : null;
 };
 var calcBreakoutNodeWidth = function calcBreakoutNodeWidth(layout, containerWidth, isFullWidthModeEnabled) {

package/dist/esm/ui/DropList/index.js

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.8.1";
+var packageVersion = "78.8.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/element-browser/messages.d.ts

@@ -9,22 +9,12 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
-    assistiveTextSuggestionsDefault: {
+    assistiveTextDefault: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    assistiveTextSuggestions: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    assistiveTextSuggestion: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    assistiveTextSuggestionNothing: {
+    assistiveTextResult: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types/link/LinkSearch/LinkSearchListItem.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { LinkSearchListItemData } from './types';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { LinkSearchListItemData } from './types';
 export declare const container: import("@emotion/react").SerializedStyles;
 export declare const containerSelected: import("@emotion/react").SerializedStyles;
 export declare const nameStyle: import("@emotion/react").SerializedStyles;

package/dist/types/link/LinkSearch/listItemAlts.d.ts

@@ -1,2 +1,2 @@
-import { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl-next';
 export declare const getCorrectAltByIconUrl: (iconUrl: string, intl: IntlShape) => string;

package/dist/types/node-width/index.d.ts

@@ -1,5 +1,5 @@
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorContainerWidth } from '../types/editor-container-width';
 export declare const layoutToWidth: {
     default: number;

package/dist/types-ts4.5/element-browser/messages.d.ts

@@ -9,22 +9,12 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
-    assistiveTextSuggestionsDefault: {
+    assistiveTextDefault: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    assistiveTextSuggestions: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    assistiveTextSuggestion: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    assistiveTextSuggestionNothing: {
+    assistiveTextResult: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types-ts4.5/link/LinkSearch/LinkSearchListItem.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { LinkSearchListItemData } from './types';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { LinkSearchListItemData } from './types';
 export declare const container: import("@emotion/react").SerializedStyles;
 export declare const containerSelected: import("@emotion/react").SerializedStyles;
 export declare const nameStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/link/LinkSearch/listItemAlts.d.ts

@@ -1,2 +1,2 @@
-import { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl-next';
 export declare const getCorrectAltByIconUrl: (iconUrl: string, intl: IntlShape) => string;

package/dist/types-ts4.5/node-width/index.d.ts

@@ -1,5 +1,5 @@
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorContainerWidth } from '../types/editor-container-width';
 export declare const layoutToWidth: {
     default: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "78.8.1",
+  "version": "78.8.3",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"