@atlaskit/editor-common 81.2.2 → 82.0.1

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

@@ -172,13 +172,12 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "analyticSource", 'createLinkInlineDialog');
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "quickSearch", /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.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;
@@ -194,7 +193,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
                   queryLength: input.length,
                   queryVersion: queryVersion,
                   queryHash: (0, _utils2.sha1)(input),
-                  searchSessionId: (_pluginState$searchSe = pluginState.searchSessionId) !== null && _pluginState$searchSe !== void 0 ? _pluginState$searchSe : '',
+                  searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
                   wordCount: (0, _utils2.wordCount)(input),
                   source: _this.analyticSource
                 },
@@ -237,7 +236,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
                 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 {
@@ -443,7 +442,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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,
@@ -454,7 +453,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         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
@@ -466,7 +465,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
           actionSubject: _analytics.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,
@@ -535,9 +534,9 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         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;
@@ -564,7 +563,6 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         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
@@ -574,7 +572,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
           actionSubject: _analytics.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
           },
@@ -615,22 +613,20 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
     key: "componentDidMount",
     value: function () {
       var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.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: _analytics.ACTION.VIEWED,
                 actionSubject: _analytics.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: _analytics.EVENT_TYPE.SCREEN
               });
@@ -664,16 +660,15 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
   }, {
     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: _analytics.ACTION.DISMISSED,
           actionSubject: _analytics.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: _analytics.EVENT_TYPE.UI
@@ -684,11 +679,11 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
     key: "getRecentItems",
     value: function () {
       var _getRecentItems = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.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 _regenerator.default.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;
@@ -730,7 +725,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
                 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;
@@ -831,9 +826,9 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         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/cjs/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -38,7 +38,10 @@ 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.default.createElement(_providerFactory.WithProviders, {
     providers: ['activityProvider', 'searchProvider'],
     providerFactory: providerFactory,
@@ -50,8 +53,8 @@ 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,
@@ -68,10 +71,12 @@ 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/cjs/media-single/utils.js

@@ -102,7 +102,7 @@ var calcLegacyWideWidth = function calcLegacyWideWidth(containerWidth, origWidth
  * @param containerWidth width of editor container
  */
 var calcMediaSingleMaxWidth = exports.calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth) {
-  var fullWidthPadding = _editorSharedStyles.akEditorGutterPadding * 2;
+  var fullWidthPadding = (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2;
   return Math.min(containerWidth - fullWidthPadding, _editorSharedStyles.akEditorFullWidthLayoutWidth);
 };
 

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

@@ -36,6 +36,16 @@ var helpDialogMessages = exports.helpDialogMessages = (0, _reactIntlNext.defineM
     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',
@@ -56,24 +66,14 @@ var helpDialogMessages = exports.helpDialogMessages = (0, _reactIntlNext.defineM
     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/cjs/messages/table.js

@@ -246,11 +246,6 @@ var messages = exports.messages = (0, _reactIntlNext.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/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.2";
+var packageVersion = "82.0.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/styles/shared/blockquote.js

@@ -9,6 +9,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var blockquoteSharedStyles = exports.blockquoteSharedStyles = (0, _react.css)({
   '& blockquote': {
     boxSizing: 'border-box',
+    color: 'inherit',
     paddingLeft: "var(--ds-space-200, 16px)",
     borderLeft: "2px solid ".concat("var(--ds-border, ".concat(_editorSharedStyles.akEditorBlockquoteBorderColor, ")")),
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview

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

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "81.2.2";
+var packageVersion = "82.0.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/utils/breakout.js

@@ -31,8 +31,8 @@ var breakoutConsts = exports.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");
@@ -40,7 +40,7 @@ var breakoutConsts = exports.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");
         }
@@ -56,7 +56,8 @@ var breakoutConsts = exports.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");
@@ -123,8 +124,8 @@ function calculateBreakoutStyles(_ref) {
     marginLeft: "50%"
   };
 }
-function calcBreakoutWidthPx(mode, widthStateWidth) {
-  return (0, _dom.parsePx)(calcBreakoutWidth(mode, widthStateWidth));
+function calcBreakoutWidthPx(mode, widthStateWidth, padding) {
+  return (0, _dom.parsePx)(calcBreakoutWidth(mode, widthStateWidth, padding));
 }
 var getNextBreakoutMode = exports.getNextBreakoutMode = function getNextBreakoutMode(currentMode) {
   if (currentMode === 'full-width') {

package/dist/es2019/analytics/index.js

@@ -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 { editorAnalyticsChannel, fireAnalyticsEvent } from './fire-analytics-event';
 export { getAnalyticsEventsFromTransaction } from './utils';
 export { buildEditLinkPayload, buildVisitedLinkPayload, buildOpenedSettingsPayload, unlinkPayload } from './linking-utils';

package/dist/es2019/analytics/types/index.js

@@ -3,7 +3,7 @@ export { INDENT_DIRECTION, INDENT_TYPE } from './format-events';
 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 { 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 { PasteContents, PasteSources, PasteTypes } from './paste-events';
 export { DELETE_DIRECTION, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS } from './list-events';
 export { GAP_CURSOR_POSITION, TARGET_SELECTION_SOURCE } from './extension-events';

package/dist/es2019/analytics/types/table-events.js

@@ -64,4 +64,11 @@ export let TABLE_DISPLAY_MODE = /*#__PURE__*/function (TABLE_DISPLAY_MODE) {
   return TABLE_DISPLAY_MODE;
 }({});
 
-// currently duplicated in editor-plugin-table/src/types.ts
+// currently duplicated in editor-plugin-table/src/types.ts
+
+export let CHANGE_ALIGNMENT_REASON = /*#__PURE__*/function (CHANGE_ALIGNMENT_REASON) {
+  CHANGE_ALIGNMENT_REASON["TABLE_RESIZING"] = "tableResizing";
+  CHANGE_ALIGNMENT_REASON["EDITOR_APPEARANCE_CHANGED"] = "editorAppearanceChanged";
+  CHANGE_ALIGNMENT_REASON["TOOLBAR_OPTION_CHANGED"] = "toolbarOptionChanged";
+  return CHANGE_ALIGNMENT_REASON;
+}({});

package/dist/es2019/extensibility/Extension/InlineExtension/index.js

@@ -2,7 +2,7 @@
 import React, { Fragment } from 'react';
 import { jsx } from '@emotion/react';
 import classnames from 'classnames';
-import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
+import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useSharedPluginState } from '../../../hooks';
 import { createWidthContext, WidthContext } from '../../../ui';
@@ -30,7 +30,7 @@ const InlineExtension = props => {
     'with-border': showMacroInteractionDesignUpdates,
     'with-hover-border': showMacroInteractionDesignUpdates && isNodeHovered
   });
-  const rendererContainerWidth = widthState ? widthState.width - akEditorGutterPadding * 2 : 0;
+  const rendererContainerWidth = widthState ? widthState.width - akEditorGutterPaddingDynamic() * 2 : 0;
   const extendedInlineExtension = getBooleanFF('platform.editor.inline_extension.extended_lcqdn') || false;
   const handleMouseEvent = didHover => {
     if (setIsNodeHovered) {

package/dist/es2019/guideline/utils.js

@@ -1,4 +1,4 @@
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { getMediaSinglePixelWidth, roundToNearest } from '../media-single';
 export const isNumber = x => typeof x === 'number' && !isNaN(x) && isFinite(x);
 export const isRange = range => !!(typeof range === 'object' && range && 'start' in range && 'end' in range);
@@ -33,7 +33,7 @@ export const getGuidelineTypeFromKey = (keys, guidelines) => {
  * Calculates container or full editor width taking in account editor full width layout
  * width and editor gutter padding.
  */
-export const getContainerWidthOrFullEditorWidth = containerWidth => Math.min(containerWidth - akEditorGutterPadding * 2, akEditorFullWidthLayoutWidth) / 2;
+export const getContainerWidthOrFullEditorWidth = containerWidth => Math.min(containerWidth - akEditorGutterPaddingDynamic() * 2, akEditorFullWidthLayoutWidth) / 2;
 
 /**
  *

package/dist/es2019/i18n/cs.js

@@ -130,6 +130,10 @@ export default {
   'fabric.editor.edit.searchInput': 'Přidat odkaz',
   'fabric.editor.editAltText': 'Upravit alternativní text',
   'fabric.editor.editDateText': 'Upravit datum',
+  'fabric.editor.editDropdownEditDatasourceTitle': 'Upravit vyhledávací dotaz',
+  'fabric.editor.editDropdownEditLinkTitle': 'Upravit odkaz',
+  'fabric.editor.editDropdownExpandIconLabel': 'Rozbalit rozevírací nabídku',
+  'fabric.editor.editDropdownTriggerTitle': 'Upravit',
   'fabric.editor.editLink': 'Upravit odkaz',
   'fabric.editor.editMode.inviteToEditButton.title': 'Pozvat k úpravám',
   'fabric.editor.editStatusColor': 'Upravit barvu stavu',
@@ -245,6 +249,7 @@ export default {
   'fabric.editor.info': 'Informace',
   'fabric.editor.infoPanel': 'Informační panel',
   'fabric.editor.infoPanel.description': 'Zvýraznit informace v barevném panelu',
+  'fabric.editor.inlineConfigureLink': 'Konfigurovat odkaz',
   'fabric.editor.inlineDescription': 'Zobrazit odkaz jako vložený text',
   'fabric.editor.inlineOverlay': 'Konfigurovat',
   'fabric.editor.inlineTitle': 'Vložený',

package/dist/es2019/i18n/da.js

@@ -215,7 +215,7 @@ export default {
   'fabric.editor.headingLink.hyperlinkIconBugLabel': 'Fejl',
   'fabric.editor.headingLink.hyperlinkIconIssueLabel': 'Sag',
   'fabric.editor.headingLink.hyperlinkIconPageLabel': 'Side',
-  'fabric.editor.headingLink.hyperlinkIconStoryLabel': 'Story',
+  'fabric.editor.headingLink.hyperlinkIconStoryLabel': 'Historie',
   'fabric.editor.headingLink.hyperlinkIconTaskLabel': 'Opgave',
   'fabric.editor.headingLink.invalidLabel': '⚠️ En tabel med flettede celler kan ikke sorteres',
   'fabric.editor.headingLink.noOrderLabel': 'Sortér kolonnen fra A til Å',
@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Info',
   'fabric.editor.infoPanel': 'Informationspanel',
   'fabric.editor.infoPanel.description': 'Fremhæv information i et farvet panel',
+  'fabric.editor.inlineConfigureLink': 'Konfigurer link',
   'fabric.editor.inlineDescription': 'Vis link som indbygget tekst',
   'fabric.editor.inlineOverlay': 'Konfigurer',
   'fabric.editor.inlineTitle': 'Indbyg',
@@ -366,7 +367,7 @@ export default {
   'fabric.editor.status': 'Status',
   'fabric.editor.status.description': 'Tilføj en brugerdefineret statusetiket',
   'fabric.editor.statusPlaceholder': 'Angiv en status',
-  'fabric.editor.story': 'Story',
+  'fabric.editor.story': 'Historie',
   'fabric.editor.strike': 'Gennemstreget',
   'fabric.editor.subTask': 'Underopgave',
   'fabric.editor.subscript': 'Sænket skrift',

package/dist/es2019/i18n/de.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Info',
   'fabric.editor.infoPanel': 'Info-Panel',
   'fabric.editor.infoPanel.description': 'Informationen in einem farbigen Panel hervorheben',
+  'fabric.editor.inlineConfigureLink': 'Link konfigurieren',
   'fabric.editor.inlineDescription': 'Link als Inline-Text anzeigen',
   'fabric.editor.inlineOverlay': 'Konfigurieren',
   'fabric.editor.inlineTitle': 'Inline',

package/dist/es2019/i18n/en.js

@@ -130,6 +130,10 @@ export default {
   'fabric.editor.edit.searchInput': 'Add a link',
   'fabric.editor.editAltText': 'Edit alt text',
   'fabric.editor.editDateText': 'Edit Date',
+  'fabric.editor.editDropdownEditDatasourceTitle': 'Edit search query',
+  'fabric.editor.editDropdownEditLinkTitle': 'Edit link',
+  'fabric.editor.editDropdownExpandIconLabel': 'Expand dropdown menu',
+  'fabric.editor.editDropdownTriggerTitle': 'Edit',
   'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
   'fabric.editor.editStatusColor': 'Edit Status Color',

package/dist/es2019/i18n/en_GB.js

@@ -130,6 +130,10 @@ export default {
   'fabric.editor.edit.searchInput': 'Add a link',
   'fabric.editor.editAltText': 'Edit alt text',
   'fabric.editor.editDateText': 'Edit Date',
+  'fabric.editor.editDropdownEditDatasourceTitle': 'Edit search query',
+  'fabric.editor.editDropdownEditLinkTitle': 'Edit link',
+  'fabric.editor.editDropdownExpandIconLabel': 'Expand dropdown menu',
+  'fabric.editor.editDropdownTriggerTitle': 'Edit',
   'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
   'fabric.editor.editStatusColor': 'Edit Status Colour',

package/dist/es2019/i18n/en_ZZ.js

@@ -130,6 +130,10 @@ export default {
   'fabric.editor.edit.searchInput': '⁣⁢Add a link⁠⁠⁠‍⁡‍⁣⁤',
   'fabric.editor.editAltText': '⁣⁢Edit alt text⁠‍؜؜⁡⁠‌⁡⁣⁤',
   'fabric.editor.editDateText': '⁣⁢Edit Date‍؜‍؜‌؜⁠‌⁠⁣⁤',
+  'fabric.editor.editDropdownEditDatasourceTitle': '⁣⁢Edit search query‌⁠⁡⁡⁡‍⁠؜⁣⁤',
+  'fabric.editor.editDropdownEditLinkTitle': '⁣⁢Edit link‌؜‌‌؜‌؜⁠⁠‍⁡؜‌‍‌‌⁠⁣⁤',
+  'fabric.editor.editDropdownExpandIconLabel': '⁣⁢Expand dropdown menu؜‍⁠‌‌؜‍⁠‌⁣⁤',
+  'fabric.editor.editDropdownTriggerTitle': '⁣⁢Edit‍‌‌‍⁡⁠؜⁡⁣⁤',
   'fabric.editor.editLink': '⁣⁢Edit link⁡‍؜‌‍‌‍؜‍⁡⁣⁤',
   'fabric.editor.editMode.inviteToEditButton.title': '⁣⁢Invite to edit‍⁡‍⁡⁡؜⁣⁤',
   'fabric.editor.editStatusColor': '⁣⁢Edit Status Color‍⁠‌‌‌‌‌⁠‍⁣⁤',

package/dist/es2019/i18n/es.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Información',
   'fabric.editor.infoPanel': 'Panel de información',
   'fabric.editor.infoPanel.description': 'Destacar información en un panel de color',
+  'fabric.editor.inlineConfigureLink': 'Configurar enlace',
   'fabric.editor.inlineDescription': 'Mostrar enlace como texto insertado',
   'fabric.editor.inlineOverlay': 'Configurar',
   'fabric.editor.inlineTitle': 'Insertado',

package/dist/es2019/i18n/fi.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Tietoja',
   'fabric.editor.infoPanel': 'Tietopaneeli',
   'fabric.editor.infoPanel.description': 'Korosta tietoja värillisessä paneelissa',
+  'fabric.editor.inlineConfigureLink': 'Määritä linkki',
   'fabric.editor.inlineDescription': 'Näytä linkki sitoutuvana tekstinä',
   'fabric.editor.inlineOverlay': 'Muokkaa',
   'fabric.editor.inlineTitle': 'Tekstiin sitoutuva',

package/dist/es2019/i18n/fr.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Informations',
   'fabric.editor.infoPanel': "Volet d'informations",
   'fabric.editor.infoPanel.description': 'Mettre en valeur des informations dans un cadre coloré',
+  'fabric.editor.inlineConfigureLink': 'Configurer le lien',
   'fabric.editor.inlineDescription': 'Affichez le lien sous forme de texte sur la même ligne',
   'fabric.editor.inlineOverlay': 'Configurer',
   'fabric.editor.inlineTitle': 'Sur la même ligne',

package/dist/es2019/i18n/hu.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Információ',
   'fabric.editor.infoPanel': 'Információs panel',
   'fabric.editor.infoPanel.description': 'Információ kiemelése színes panelen',
+  'fabric.editor.inlineConfigureLink': 'Link konfigurálása',
   'fabric.editor.inlineDescription': 'Link megjelenítése beágyazott szövegként',
   'fabric.editor.inlineOverlay': 'Konfigurálás',
   'fabric.editor.inlineTitle': 'Beágyazott',

package/dist/es2019/i18n/it.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Info',
   'fabric.editor.infoPanel': 'Pannello informazioni',
   'fabric.editor.infoPanel.description': 'Metti in evidenza l’informazione in un pannello colorato',
+  'fabric.editor.inlineConfigureLink': 'Configura il link',
   'fabric.editor.inlineDescription': 'Visualizza il link come testo in linea',
   'fabric.editor.inlineOverlay': 'Configura',
   'fabric.editor.inlineTitle': 'In linea',

package/dist/es2019/i18n/ja.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/es2019/i18n/ko.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/es2019/i18n/nb.js

@@ -130,6 +130,10 @@ export default {
   'fabric.editor.edit.searchInput': 'Legg til en kobling',
   'fabric.editor.editAltText': 'Rediger alternativ tekst',
   'fabric.editor.editDateText': 'Rediger dato',
+  'fabric.editor.editDropdownEditDatasourceTitle': 'Rediger søkespørring',
+  'fabric.editor.editDropdownEditLinkTitle': 'Rediger kobling',
+  'fabric.editor.editDropdownExpandIconLabel': 'Utvid rullegardinmenyen',
+  'fabric.editor.editDropdownTriggerTitle': 'Rediger',
   'fabric.editor.editLink': 'Rediger kobling',
   'fabric.editor.editMode.inviteToEditButton.title': 'Inviter til å redigere',
   'fabric.editor.editStatusColor': 'Rediger statusfarge',
@@ -245,6 +249,7 @@ export default {
   'fabric.editor.info': 'Informasjon',
   'fabric.editor.infoPanel': 'Informasjonspanel',
   'fabric.editor.infoPanel.description': 'Uthev informasjonen i et farget panel',
+  'fabric.editor.inlineConfigureLink': 'Konfigurer kobling',
   'fabric.editor.inlineDescription': 'Vis kobling som innebygd tekst',
   'fabric.editor.inlineOverlay': 'Konfigurer',
   'fabric.editor.inlineTitle': 'Innebygd',

package/dist/es2019/i18n/nl.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Informatie',
   'fabric.editor.infoPanel': 'Infopaneel',
   'fabric.editor.infoPanel.description': 'Informatie markeren in een gekleurd paneel',
+  'fabric.editor.inlineConfigureLink': 'Link configureren',
   'fabric.editor.inlineDescription': 'Link als inline-tekst weergeven',
   'fabric.editor.inlineOverlay': 'Configureren',
   'fabric.editor.inlineTitle': 'Inline',

package/dist/es2019/i18n/pl.js

@@ -245,6 +245,7 @@ export default {
   'fabric.editor.info': 'Informacje',
   'fabric.editor.infoPanel': 'Panel informacyjny',
   'fabric.editor.infoPanel.description': 'Wyróżnij informacje kolorem',
+  'fabric.editor.inlineConfigureLink': 'Konfiguruj łącze',
   'fabric.editor.inlineDescription': 'Wyświetla łącze bezpośrednio w tekście',
   'fabric.editor.inlineOverlay': 'Konfiguruj',
   'fabric.editor.inlineTitle': 'Bezpośrednio w tekście',