@atlaskit/editor-common 81.2.1 → 82.0.0

package/dist/esm/i18n/ru.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Информация',
   'fabric.editor.infoPanel': 'Информационная панель',
   'fabric.editor.infoPanel.description': 'Выделение информации цветом',
+  'fabric.editor.inlineConfigureLink': 'Настроить ссылку',
   'fabric.editor.inlineDescription': 'Отображение ссылки в виде встроенного текста',
   'fabric.editor.inlineOverlay': 'Настроить',
   'fabric.editor.inlineTitle': 'Встроенный текст',

package/dist/esm/i18n/sv.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Info',
   'fabric.editor.infoPanel': 'Informationspanel',
   'fabric.editor.infoPanel.description': 'Markera information med en färgad panel',
+  'fabric.editor.inlineConfigureLink': 'Konfigurera länk',
   'fabric.editor.inlineDescription': 'Visa länk som infogad text',
   'fabric.editor.inlineOverlay': 'Konfigurera',
   'fabric.editor.inlineTitle': 'Inline',

package/dist/esm/i18n/th.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'ข้อมูล',
   'fabric.editor.infoPanel': 'แผงข้อมูล',
   'fabric.editor.infoPanel.description': 'ไฮไลท์ข้อมูลในแผงสี',
+  'fabric.editor.inlineConfigureLink': 'กำหนดค่าลิงก์',
   'fabric.editor.inlineDescription': 'แสดงลิงก์เป็นข้อความแบบบรรทัดเดียว',
   'fabric.editor.inlineOverlay': 'กำหนดค่า',
   'fabric.editor.inlineTitle': 'บรรทัดเดียว',

package/dist/esm/i18n/tr.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Bilgi',
   'fabric.editor.infoPanel': 'Bilgi panosu',
   'fabric.editor.infoPanel.description': 'Renkli bir panoda bilgileri vurgulayın',
+  'fabric.editor.inlineConfigureLink': 'Bağlantıyı yapılandırın',
   'fabric.editor.inlineDescription': 'Bağlantıyı satır içi metin olarak gösterir',
   'fabric.editor.inlineOverlay': 'Yapılandır',
   'fabric.editor.inlineTitle': 'Satır içi',

package/dist/esm/i18n/uk.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Інформація',
   'fabric.editor.infoPanel': 'Панель з інформацією',
   'fabric.editor.infoPanel.description': 'Панель із виділеною кольорами інформацією',
+  'fabric.editor.inlineConfigureLink': 'Посилання для налаштування',
   'fabric.editor.inlineDescription': 'Показати посилання як вбудований текст',
   'fabric.editor.inlineOverlay': 'Налаштування',
   'fabric.editor.inlineTitle': 'У рядку',

package/dist/esm/i18n/vi.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Thông tin',
   'fabric.editor.infoPanel': 'Ô thông tin',
   'fabric.editor.infoPanel.description': 'Bôi đậm thông tin bằng ô màu',
+  'fabric.editor.inlineConfigureLink': 'Định cấu hình liên kết',
   'fabric.editor.inlineDescription': 'Hiển thị liên kết dưới dạng văn bản nội tuyến',
   'fabric.editor.inlineOverlay': 'Đặt cấu hình',
   'fabric.editor.inlineTitle': 'Nội tuyến',

package/dist/esm/i18n/zh.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': '信息',
   'fabric.editor.infoPanel': '信息面板',
   'fabric.editor.infoPanel.description': '在彩色面板高亮显示信息',
+  'fabric.editor.inlineConfigureLink': '配置链接',
   'fabric.editor.inlineDescription': '以内联文本显示链接',
   'fabric.editor.inlineOverlay': '配置',
   'fabric.editor.inlineTitle': '内联',

package/dist/esm/i18n/zh_TW.js

@@ -130,6 +130,10 @@ export default {
   'fabric.editor.edit.searchInput': '新增連結',
   'fabric.editor.editAltText': '編輯替代文字',
   'fabric.editor.editDateText': '編輯日期',
+  'fabric.editor.editDropdownEditDatasourceTitle': '編輯搜尋查詢',
+  'fabric.editor.editDropdownEditLinkTitle': '編輯連結',
+  'fabric.editor.editDropdownExpandIconLabel': '展開下拉式選單',
+  'fabric.editor.editDropdownTriggerTitle': '編輯',
   'fabric.editor.editLink': '編輯連結',
   'fabric.editor.editMode.inviteToEditButton.title': '邀請編輯',
   'fabric.editor.editStatusColor': '編輯狀態顏色',
@@ -245,6 +249,7 @@ export default {
   'fabric.editor.info': '資訊',
   'fabric.editor.infoPanel': '資訊面板',
   'fabric.editor.infoPanel.description': '以彩色面板醒目提示資訊',
+  'fabric.editor.inlineConfigureLink': '設定連結',
   'fabric.editor.inlineDescription': '將連結顯示為內嵌文字',
   'fabric.editor.inlineOverlay': '設定',
   'fabric.editor.inlineTitle': '內嵌',

package/dist/esm/keymaps/index.js

@@ -66,6 +66,11 @@ export var addRowBefore = makeKeyMapWithCommon('Add Row Above', 'Ctrl-Alt-ArrowU
 export var addRowAfter = makeKeyMapWithCommon('Add Row Below', 'Ctrl-Alt-ArrowDown');
 export var addColumnAfter = makeKeyMapWithCommon('Add Column After', 'Ctrl-Alt-ArrowRight');
 export var addColumnBefore = makeKeyMapWithCommon('Add Column Before', 'Ctrl-Alt-ArrowLeft');
+// The following few shortcuts that end in VO are added specifically for Voice Over users, as shortcuts that perform the same role when using Voice Over don't work because they conflict with default shortcuts in Voice Over
+export var addRowBeforeVO = makeKeyMapWithCommon('Add Row Above', 'Mod-Alt-[');
+export var addRowAfterVO = makeKeyMapWithCommon('Add Row Below', 'Mod-Alt-]');
+export var addColumnAfterVO = makeKeyMapWithCommon('Add Column After', 'Mod-Alt-=');
+export var addColumnBeforeVO = makeKeyMapWithCommon('Add Column Before', 'Mod-Alt--');
 export var moveColumnLeft = makeKeyMapWithCommon('Move Column Left', 'Ctrl-Alt-Shift-ArrowLeft');
 export var moveColumnRight = makeKeyMapWithCommon('Move Column Right', 'Ctrl-Alt-Shift-ArrowRight');
 export var moveRowDown = makeKeyMapWithCommon('Move Row Down', 'Ctrl-Alt-Shift-ArrowDown');

package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -165,13 +165,12 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "analyticSource", 'createLinkInlineDialog');
     _defineProperty(_assertThisInitialized(_this), "quickSearch", /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(input, items, quickSearchLimit) {
-        var _pluginState$searchSe;
-        var _this$state, searchProvider, displayUrl, pluginState, queryVersion, perfStart, _pluginState$searchSe2, searchProviderResultItems, searchItems, perfStop, duration, _perfStop, _duration;
+        var _this$state, searchProvider, displayUrl, searchSessionId, queryVersion, perfStart, searchProviderResultItems, searchItems, perfStop, duration, _perfStop, _duration;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _this$state = _this.state, searchProvider = _this$state.searchProvider, displayUrl = _this$state.displayUrl;
-              pluginState = _this.props.pluginState;
+              searchSessionId = _this.props.searchSessionId;
               if (searchProvider) {
                 _context.next = 4;
                 break;
@@ -187,7 +186,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
                   queryLength: input.length,
                   queryVersion: queryVersion,
                   queryHash: sha1(input),
-                  searchSessionId: (_pluginState$searchSe = pluginState.searchSessionId) !== null && _pluginState$searchSe !== void 0 ? _pluginState$searchSe : '',
+                  searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
                   wordCount: wordCount(input),
                   source: _this.analyticSource
                 },
@@ -230,7 +229,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
                 attributes: {
                   source: _this.analyticSource,
                   postQueryRequestDurationMs: duration,
-                  searchSessionId: (_pluginState$searchSe2 = pluginState.searchSessionId) !== null && _pluginState$searchSe2 !== void 0 ? _pluginState$searchSe2 : '',
+                  searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
                   resultCount: searchProviderResultItems.length,
                   results: searchProviderResultItems.map(function (item) {
                     return {
@@ -436,7 +435,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "handleInsert", function (href, title, inputType, interaction) {
       var _this$props2 = _this.props,
-        pluginState = _this$props2.pluginState,
+        searchSessionId = _this$props2.searchSessionId,
         onSubmit = _this$props2.onSubmit;
       var _this$state5 = _this.state,
         items = _this$state5.items,
@@ -447,7 +446,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         onSubmit(href, title, displayText, inputType);
       }
       if (interaction === 'click' || _this.isUrlPopulatedWithSelectedItem()) {
-        var _pluginState$searchSe3, _selectedItem$prefetc;
+        var _selectedItem$prefetc;
         /**
          * When it's a mouse click even or the selectedItem.url matches displayUrl, we think
          * it's selected from the result list and fire the
@@ -459,7 +458,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
           actionSubject: ACTION_SUBJECT.SEARCH_RESULT,
           attributes: {
             source: _this.analyticSource,
-            searchSessionId: (_pluginState$searchSe3 = pluginState.searchSessionId) !== null && _pluginState$searchSe3 !== void 0 ? _pluginState$searchSe3 : '',
+            searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
             trigger: interaction,
             resultCount: items.length,
             selectedResultId: selectedItem.objectId,
@@ -528,9 +527,9 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         items = _this$state9.items,
         selectedIndex = _this$state9.selectedIndex;
       var _this$props3 = _this.props,
-        pluginState = _this$props3.pluginState,
         view = _this$props3.view,
-        onEscapeCallback = _this$props3.onEscapeCallback;
+        onEscapeCallback = _this$props3.onEscapeCallback,
+        searchSessionId = _this$props3.searchSessionId;
       var keyCode = event.keyCode;
       var KEY_CODE_ESCAPE = 27;
       var KEY_CODE_ARROW_DOWN = 40;
@@ -557,7 +556,6 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         updatedIndex = selectedIndex > 0 ? selectedIndex - 1 : items.length - 1;
       }
       if ([KEY_CODE_ARROW_DOWN, KEY_CODE_ARROW_UP].includes(keyCode) && items[updatedIndex]) {
-        var _pluginState$searchSe4;
         _this.setState({
           selectedIndex: updatedIndex,
           displayUrl: items[updatedIndex].url
@@ -567,7 +565,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
           actionSubject: ACTION_SUBJECT.SEARCH_RESULT,
           attributes: {
             source: _this.analyticSource,
-            searchSessionId: (_pluginState$searchSe4 = pluginState.searchSessionId) !== null && _pluginState$searchSe4 !== void 0 ? _pluginState$searchSe4 : '',
+            searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
             selectedResultId: items[updatedIndex].objectId,
             selectedRelativePosition: updatedIndex
           },
@@ -608,22 +606,20 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var _pluginState$searchSe5,
-          _pluginState$inputMet,
-          _this2 = this;
-        var pluginState, _yield$Promise$all, _yield$Promise$all2, activityProvider, searchProvider;
+        var _this2 = this;
+        var _this$props5, timesViewed, inputMethod, searchSessionId, _yield$Promise$all, _yield$Promise$all2, activityProvider, searchProvider;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              pluginState = this.props.pluginState;
+              _this$props5 = this.props, timesViewed = _this$props5.timesViewed, inputMethod = _this$props5.inputMethod, searchSessionId = _this$props5.searchSessionId;
               document.addEventListener('mousedown', this.handleClickOutside);
               this.fireAnalytics({
                 action: ACTION.VIEWED,
                 actionSubject: ACTION_SUBJECT.CREATE_LINK_INLINE_DIALOG,
                 attributes: {
-                  timesViewed: pluginState.timesViewed,
-                  searchSessionId: (_pluginState$searchSe5 = pluginState.searchSessionId) !== null && _pluginState$searchSe5 !== void 0 ? _pluginState$searchSe5 : '',
-                  trigger: (_pluginState$inputMet = pluginState.inputMethod) !== null && _pluginState$inputMet !== void 0 ? _pluginState$inputMet : ''
+                  timesViewed: timesViewed !== null && timesViewed !== void 0 ? timesViewed : 0,
+                  searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
+                  trigger: inputMethod !== null && inputMethod !== void 0 ? inputMethod : ''
                 },
                 eventType: EVENT_TYPE.SCREEN
               });
@@ -657,16 +653,15 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var pluginState = this.props.pluginState;
+      var searchSessionId = this.props.searchSessionId;
       document.removeEventListener('mousedown', this.handleClickOutside);
       if (!this.submitted) {
-        var _pluginState$searchSe6;
         this.fireAnalytics({
           action: ACTION.DISMISSED,
           actionSubject: ACTION_SUBJECT.CREATE_LINK_INLINE_DIALOG,
           attributes: {
             source: this.analyticSource,
-            searchSessionId: (_pluginState$searchSe6 = pluginState.searchSessionId) !== null && _pluginState$searchSe6 !== void 0 ? _pluginState$searchSe6 : '',
+            searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
             trigger: 'blur'
           },
           eventType: EVENT_TYPE.UI
@@ -677,11 +672,11 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
     key: "getRecentItems",
     value: function () {
       var _getRecentItems = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(activityProvider, query) {
-        var pluginState, perfStart, _pluginState$searchSe7, activityRecentItems, _items2, perfStop, duration, _perfStop2, _duration2;
+        var searchSessionId, perfStart, activityRecentItems, _items2, perfStop, duration, _perfStop2, _duration2;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              pluginState = this.props.pluginState;
+              searchSessionId = this.props.searchSessionId;
               perfStart = performance.now();
               _context5.prev = 2;
               _context5.t0 = limit;
@@ -723,7 +718,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
                 attributes: {
                   source: this.analyticSource,
                   preQueryRequestDurationMs: duration,
-                  searchSessionId: (_pluginState$searchSe7 = pluginState.searchSessionId) !== null && _pluginState$searchSe7 !== void 0 ? _pluginState$searchSe7 : '',
+                  searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
                   resultCount: _items2.length,
                   results: activityRecentItems.map(function (item) {
                     var _item$type;
@@ -824,9 +819,9 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         selectedIndex = _this$state11.selectedIndex,
         displayUrl = _this$state11.displayUrl,
         displayText = _this$state11.displayText;
-      var _this$props5 = this.props,
-        formatMessage = _this$props5.intl.formatMessage,
-        activityProvider = _this$props5.activityProvider;
+      var _this$props6 = this.props,
+        formatMessage = _this$props6.intl.formatMessage,
+        activityProvider = _this$props6.activityProvider;
       var formatClearLinkText = formatMessage(messages.clearLink);
       var screenReaderDescriptionId = 'search-recent-links-field-description';
       var linkSearchListId = 'hyperlink-search-list';

package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -31,7 +31,10 @@ export function HyperlinkAddToolbar(_ref2) {
     onClose = _ref2.onClose,
     onEscapeCallback = _ref2.onEscapeCallback,
     onClickAwayCallback = _ref2.onClickAwayCallback,
-    hyperlinkPluginState = _ref2.hyperlinkPluginState;
+    editorAppearance = _ref2.editorAppearance,
+    inputMethod = _ref2.inputMethod,
+    searchSessionId = _ref2.searchSessionId,
+    timesViewed = _ref2.timesViewed;
   return /*#__PURE__*/React.createElement(WithProviders, {
     providers: ['activityProvider', 'searchProvider'],
     providerFactory: providerFactory,
@@ -43,8 +46,8 @@ export function HyperlinkAddToolbar(_ref2) {
           view: view,
           invokeMethod: // Provide `invokeMethod` prop as preferred value (card plugin passes as prop) otherwise assume this
           // is being used from inside the hyperlink plugin and use inputMethod from plugin state
-          invokeMethod !== null && invokeMethod !== void 0 ? invokeMethod : hyperlinkPluginState === null || hyperlinkPluginState === void 0 ? void 0 : hyperlinkPluginState.inputMethod,
-          editorAppearance: hyperlinkPluginState === null || hyperlinkPluginState === void 0 ? void 0 : hyperlinkPluginState.editorAppearance
+          invokeMethod !== null && invokeMethod !== void 0 ? invokeMethod : inputMethod,
+          editorAppearance: editorAppearance
         }, linkPickerOptions, {
           url: displayUrl,
           displayText: displayText,
@@ -61,10 +64,12 @@ export function HyperlinkAddToolbar(_ref2) {
         onSubmit: onSubmit,
         displayText: displayText,
         displayUrl: displayUrl,
-        pluginState: hyperlinkPluginState,
         view: view,
         onEscapeCallback: onEscapeCallback,
-        onClickAwayCallback: onClickAwayCallback
+        onClickAwayCallback: onClickAwayCallback,
+        inputMethod: inputMethod,
+        searchSessionId: searchSessionId,
+        timesViewed: timesViewed
       });
     }
   });

package/dist/esm/media-single/utils.js

@@ -1,5 +1,5 @@
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '../utils/rich-media-utils';
 import { DEFAULT_IMAGE_WIDTH, DEFAULT_ROUNDING_INTERVAL, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, wrappedLayouts } from './constants';
 
@@ -93,7 +93,7 @@ var calcLegacyWideWidth = function calcLegacyWideWidth(containerWidth, origWidth
  * @param containerWidth width of editor container
  */
 export var calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth) {
-  var fullWidthPadding = akEditorGutterPadding * 2;
+  var fullWidthPadding = akEditorGutterPaddingDynamic() * 2;
   return Math.min(containerWidth - fullWidthPadding, akEditorFullWidthLayoutWidth);
 };
 

package/dist/esm/messages/help-dialog.js

@@ -30,6 +30,16 @@ export var helpDialogMessages = defineMessages({
     defaultMessage: 'Toggle action item',
     description: 'For Check/Uncheck Action item use shortcut'
   },
+  InsertTableColumn: {
+    id: 'fabric.editor.insertTableColumn',
+    defaultMessage: 'Insert table column',
+    description: 'For insert table column'
+  },
+  InsertTableRow: {
+    id: 'fabric.editor.insertTableRow',
+    defaultMessage: 'Insert table row',
+    description: 'For insert table row'
+  },
   altText: {
     id: 'fabric.editor.altText',
     defaultMessage: 'Alt text',
@@ -50,24 +60,14 @@ export var helpDialogMessages = defineMessages({
     defaultMessage: 'Select column resize',
     description: 'Hint for selecting a column resize a shortcut'
   },
-  increaseColumnSize: {
-    id: 'fabric.editor.increaseColumnSize',
-    defaultMessage: 'Increase column size',
-    description: 'Hint for increasing a column size shortcut'
-  },
-  decreaseColumnSize: {
-    id: 'fabric.editor.decreaseColumnSize',
-    defaultMessage: 'Decrease column size',
-    description: 'Hint for decreasing a column size shortcut'
-  },
   increaseSize: {
     id: 'fabric.editor.increaseSize',
-    defaultMessage: 'Increase size',
+    defaultMessage: 'Increase table or media size',
     description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
   },
   decreaseSize: {
     id: 'fabric.editor.decreaseSize',
-    defaultMessage: 'Decrease size',
+    defaultMessage: 'Decrease table or media size',
     description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
   },
   focusTableResizeHandle: {

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

@@ -209,5 +209,10 @@ export var toolbarInsertBlockMessages = defineMessages({
     id: 'fabric.editor.recordVideo.description',
     defaultMessage: 'Record and share your screen and thoughts',
     description: 'Record and share your screen and thoughts'
+  },
+  recordLoomShortTitle: {
+    id: 'fabric.editor.recordLoomShortTitle',
+    defaultMessage: 'Record',
+    description: 'Record'
   }
 });

package/dist/esm/messages/table.js

@@ -240,11 +240,6 @@ export var messages = defineMessages({
     defaultMessage: 'Fixed column widths',
     description: 'Toggle button to enable fixed column widths'
   },
-  unlockColumnWidths: {
-    id: 'fabric.editor.unLockColumns',
-    defaultMessage: 'Variable column widths',
-    description: 'Toggle button to enable variable column widths'
-  },
   rowControl: {
     id: 'fabric.editor.rowControl',
     defaultMessage: 'Highlight row',

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 = "81.2.1";
+var packageVersion = "82.0.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -15,7 +15,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 = "81.2.1";
+var packageVersion = "82.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/utils/breakout.js

@@ -21,8 +21,8 @@ var breakoutConsts = {
   /**
    * This function can return percentage value or px value depending upon the inputs
    */
-  calcBreakoutWidth: function calcBreakoutWidth(layout, containerWidth) {
-    var effectiveFullWidth = containerWidth - breakoutConsts.padding;
+  calcBreakoutWidth: function calcBreakoutWidth(layout, containerWidth, padding) {
+    var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
     switch (layout) {
       case 'full-width':
         return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
@@ -30,7 +30,7 @@ var breakoutConsts = {
         if (effectiveFullWidth <= 0) {
           return '100%';
         }
-        var wideWidth = breakoutConsts.calcWideWidth(containerWidth);
+        var wideWidth = breakoutConsts.calcWideWidth(containerWidth, undefined, undefined, padding);
         if (wideWidth.endsWith('%')) {
           return "".concat(Math.min(effectiveFullWidth, breakoutConsts.fullWidthLayoutWidth), "px");
         }
@@ -46,7 +46,8 @@ var breakoutConsts = {
     var containerWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : breakoutConsts.defaultLayoutWidth;
     var maxWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
     var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '100%';
-    var effectiveFullWidth = containerWidth - breakoutConsts.padding;
+    var padding = arguments.length > 3 ? arguments[3] : undefined;
+    var effectiveFullWidth = containerWidth - (padding !== null && padding !== void 0 ? padding : breakoutConsts.padding);
     var layoutMaxWidth = breakoutConsts.mapBreakpointToLayoutMaxWidth(breakoutConsts.getBreakpoint(containerWidth));
     var wideWidth = Math.min(Math.ceil(layoutMaxWidth * breakoutConsts.wideScaleRatio), effectiveFullWidth);
     return layoutMaxWidth > wideWidth ? fallback : "".concat(Math.min(maxWidth, wideWidth), "px");
@@ -114,8 +115,8 @@ export function calculateBreakoutStyles(_ref) {
     marginLeft: "50%"
   };
 }
-export function calcBreakoutWidthPx(mode, widthStateWidth) {
-  return parsePx(calcBreakoutWidth(mode, widthStateWidth));
+export function calcBreakoutWidthPx(mode, widthStateWidth, padding) {
+  return parsePx(calcBreakoutWidth(mode, widthStateWidth, padding));
 }
 export var getNextBreakoutMode = function getNextBreakoutMode(currentMode) {
   if (currentMode === 'full-width') {

package/dist/types/analytics/index.d.ts

@@ -1,4 +1,4 @@
-export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD, } from './types';
+export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, CHANGE_ALIGNMENT_REASON, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD, } from './types';
 export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, MediaResizeTrackAction, MediaInputResizeTrackAction, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, OverflowStateInfo, } from './types';
 export type { EditorAnalyticsAPI } from './api';
 export { editorAnalyticsChannel, fireAnalyticsEvent } from './fire-analytics-event';

package/dist/types/analytics/types/index.d.ts

@@ -8,7 +8,7 @@ export { PUNC, SYMBOL } from './substitute-events';
 export { BROWSER_FREEZE_INTERACTION_TYPE, FULL_WIDTH_MODE, MODE, PLATFORMS, } from './general-events';
 export { LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, USER_CONTEXT } from './insert-events';
 export type { InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, } from './insert-events';
-export { TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TABLE_DISPLAY_MODE, } from './table-events';
+export { CHANGE_ALIGNMENT_REASON, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TABLE_DISPLAY_MODE, } from './table-events';
 export type { TableEventPayload, OverflowStateInfo } from './table-events';
 export { PasteContents, PasteSources, PasteTypes } from './paste-events';
 export type { PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, } from './paste-events';

package/dist/types/analytics/types/table-events.d.ts

@@ -190,11 +190,17 @@ type TableChangedDisplayModeAEP = TableAEP<TABLE_ACTION.CHANGED_DISPLAY_MODE, {
     tableWidth: number | null;
 } & TotalRowAndColCount, undefined>;
 type AlignmentOptions = 'center' | 'align-start';
+export declare enum CHANGE_ALIGNMENT_REASON {
+    TABLE_RESIZING = "tableResizing",
+    EDITOR_APPEARANCE_CHANGED = "editorAppearanceChanged",
+    TOOLBAR_OPTION_CHANGED = "toolbarOptionChanged"
+}
 type TableChangedAlignmentAEP = TableAEP<TABLE_ACTION.CHANGED_ALIGNMENT, {
     newAlignment: AlignmentOptions;
     previousAlignment: AlignmentOptions | null;
     tableWidth: number | null;
-    inputMethod: INPUT_METHOD.FLOATING_TB;
+    inputMethod: INPUT_METHOD.FLOATING_TB | INPUT_METHOD.AUTO;
+    reason: CHANGE_ALIGNMENT_REASON;
 } & TotalRowAndColCount, undefined>;
 export type TableEventPayload = TableDeleteAEP | TableClearAEP | TableMergeSplitAEP | TableColorAEP | TableToggleHeaderAEP | TableChangeBreakoutAEP | TableCopyAndCutAEP | TableAddRowOrColumnAEP | TableSortColumnAEP | TableDeleteRowOrColumnAEP | TableReplaceAEP | TableAttemptedResizeAEP | TableDistributeColumnsWidthsAEP | TableCollapsedAEP | TableFixedAEP | TableOverflowChangedAEP | TableInitialOverflowCapturedAEP | TableResizedAEP | TableResizePerfSamplingAEP | TableRowOrColumnMovedAEP | TableMovedRowOrColumnAEP | TableClonedRowOrColumnAEP | TableChangedDisplayModeAEP | TableColumnResizedAEP | TableChangedAlignmentAEP;
 export {};

package/dist/types/card/types.d.ts

@@ -1,9 +1,10 @@
+import { type IntlShape } from 'react-intl-next';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ACTION, EditorAnalyticsAPI, INPUT_METHOD } from '../analytics';
-import type { CardAppearance } from '../provider-factory';
-import type { Command } from '../types';
+import { type CardAppearance, type ProviderFactory } from '../provider-factory';
+import type { Command, FloatingToolbarItem } from '../types';
 export interface OptionConfig {
     appearance?: CardAppearance;
     title: string;
@@ -19,9 +20,14 @@ export type QueueCardsFromTransactionAction = (state: EditorState, tr: Transacti
 export type HideLinkToolbarAction = (tr: Transaction) => Transaction;
 export type ChangeSelectedCardToLink = (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;
 export type SetSelectedCardAppearance = (appearance: CardAppearance, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
+export type GetStartingToolbarItems = (intl: IntlShape, link: string, providerFactory: ProviderFactory, onEditLink: Command, metadata: {
+    url: string;
+    title: string;
+}) => FloatingToolbarItem<Command>[];
+export type GetEndingToolbarItems = (intl: IntlShape, link: string) => FloatingToolbarItem<Command>[];
 export type CardPluginActions = {
     queueCardsFromChangedTr: QueueCardsFromTransactionAction;
     hideLinkToolbar: HideLinkToolbarAction;
-    changeSelectedCardToLink: ChangeSelectedCardToLink;
-    setSelectedCardAppearance: SetSelectedCardAppearance;
+    getStartingToolbarItems: GetStartingToolbarItems;
+    getEndingToolbarItems: GetEndingToolbarItems;
 };

package/dist/types/i18n/cs.d.ts

@@ -128,6 +128,10 @@ declare const _default: {
     'fabric.editor.edit.searchInput': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
+    'fabric.editor.editDropdownEditDatasourceTitle': string;
+    'fabric.editor.editDropdownEditLinkTitle': string;
+    'fabric.editor.editDropdownExpandIconLabel': string;
+    'fabric.editor.editDropdownTriggerTitle': string;
     'fabric.editor.editLink': string;
     'fabric.editor.editMode.inviteToEditButton.title': string;
     'fabric.editor.editStatusColor': string;
@@ -243,6 +247,7 @@ declare const _default: {
     'fabric.editor.info': string;
     'fabric.editor.infoPanel': string;
     'fabric.editor.infoPanel.description': string;
+    'fabric.editor.inlineConfigureLink': string;
     'fabric.editor.inlineDescription': string;
     'fabric.editor.inlineOverlay': string;
     'fabric.editor.inlineTitle': string;

package/dist/types/i18n/da.d.ts

@@ -243,6 +243,7 @@ declare const _default: {
     'fabric.editor.info': string;
     'fabric.editor.infoPanel': string;
     'fabric.editor.infoPanel.description': string;
+    'fabric.editor.inlineConfigureLink': string;
     'fabric.editor.inlineDescription': string;
     'fabric.editor.inlineOverlay': string;
     'fabric.editor.inlineTitle': string;

package/dist/types/i18n/de.d.ts

@@ -243,6 +243,7 @@ declare const _default: {
     'fabric.editor.info': string;
     'fabric.editor.infoPanel': string;
     'fabric.editor.infoPanel.description': string;
+    'fabric.editor.inlineConfigureLink': string;
     'fabric.editor.inlineDescription': string;
     'fabric.editor.inlineOverlay': string;
     'fabric.editor.inlineTitle': string;

package/dist/types/i18n/en.d.ts

@@ -128,6 +128,10 @@ declare const _default: {
     'fabric.editor.edit.searchInput': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
+    'fabric.editor.editDropdownEditDatasourceTitle': string;
+    'fabric.editor.editDropdownEditLinkTitle': string;
+    'fabric.editor.editDropdownExpandIconLabel': string;
+    'fabric.editor.editDropdownTriggerTitle': string;
     'fabric.editor.editLink': string;
     'fabric.editor.editMode.inviteToEditButton.title': string;
     'fabric.editor.editStatusColor': string;

package/dist/types/i18n/en_GB.d.ts

@@ -128,6 +128,10 @@ declare const _default: {
     'fabric.editor.edit.searchInput': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
+    'fabric.editor.editDropdownEditDatasourceTitle': string;
+    'fabric.editor.editDropdownEditLinkTitle': string;
+    'fabric.editor.editDropdownExpandIconLabel': string;
+    'fabric.editor.editDropdownTriggerTitle': string;
     'fabric.editor.editLink': string;
     'fabric.editor.editMode.inviteToEditButton.title': string;
     'fabric.editor.editStatusColor': string;

package/dist/types/i18n/en_ZZ.d.ts

@@ -128,6 +128,10 @@ declare const _default: {
     'fabric.editor.edit.searchInput': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDateText': string;
+    'fabric.editor.editDropdownEditDatasourceTitle': string;
+    'fabric.editor.editDropdownEditLinkTitle': string;
+    'fabric.editor.editDropdownExpandIconLabel': string;
+    'fabric.editor.editDropdownTriggerTitle': string;
     'fabric.editor.editLink': string;
     'fabric.editor.editMode.inviteToEditButton.title': string;
     'fabric.editor.editStatusColor': string;

package/dist/types/i18n/es.d.ts

@@ -243,6 +243,7 @@ declare const _default: {
     'fabric.editor.info': string;
     'fabric.editor.infoPanel': string;
     'fabric.editor.infoPanel.description': string;
+    'fabric.editor.inlineConfigureLink': string;
     'fabric.editor.inlineDescription': string;
     'fabric.editor.inlineOverlay': string;
     'fabric.editor.inlineTitle': string;