@atlaskit/editor-common 111.8.4 → 111.8.6

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 111.8.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 111.8.5
+
+### Patch Changes
+
+- [`498fc3298e069`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/498fc3298e069) -
+  [ux] EDITOR-3463: Keep extension breakout aligned with page width in full-width and max modes. The
+  rollout is guarded by `confluence_max_width_content_appearance` and the new
+  `confluence_max_width_breakout_extension_fix` experiment so the bugfix can be toggled
+  independently.
+- [`b34b724d67362`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b34b724d67362) -
+  Improve AI analytics by ensuring attributes are set and firing additional free gen events
+- Updated dependencies
+
 ## 111.8.4
 
 ### Patch Changes

package/dist/cjs/analytics/types/enums.js

@@ -43,6 +43,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["DECREMENTED"] = "decremented";
   ACTION["DELETED"] = "deleted";
   ACTION["DISCARDED_INVALID_STEPS_FROM_TRANSACTION"] = "discardedInvalidStepsFromTransaction";
+  ACTION["DISCARDED"] = "discarded";
   /** used in @atlassian/editor-referentiality */
   ACTION["DISCONNECTED_SOURCE"] = "disconnectedSource";
   /** used in @atlassian/editor-referentiality */

package/dist/cjs/extensibility/Extension/Extension/index.js

@@ -17,6 +17,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _hooks = require("../../../hooks");
 var _ui = require("../../../ui");
 var _utils = require("../../../utils");
+var _shouldExtensionBreakout = require("../../utils/should-extension-breakout");
 var _LegacyContentHeader = require("../LegacyContentHeader");
 var _Lozenge = _interopRequireDefault(require("../Lozenge"));
 var _styles = require("../styles");
@@ -82,13 +83,16 @@ function ExtensionWithPluginState(props) {
     var pos = typeof getPos === 'function' ? getPos() : undefined;
     return typeof pos !== 'undefined' && !isNaN(pos) && view.state.doc.resolve(pos).depth === 0;
   }, [view, getPos]);
-  var shouldBreakout =
-  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
-  ['full-width', 'wide'].includes(node.attrs.layout) &&
-  // Extension breakout state should only be respected for top level nodes.
-  isTopLevelNode &&
-  // Extension breakout state should not be respected when the editor appearance is full-width mode
-  editorAppearance !== 'full-width';
+  var layout = node.attrs.layout;
+  var legacyShouldBreakout = ['full-width', 'wide'].includes(layout) && isTopLevelNode && editorAppearance !== 'full-width';
+  var tinymceFullWidthModeEnabled = (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true);
+  var breakoutExtensionFixEnabled = (0, _expValEquals.expValEquals)('confluence_max_width_breakout_extension_fix', 'isEnabled', true);
+  var shouldUseBreakoutFix = tinymceFullWidthModeEnabled && breakoutExtensionFixEnabled;
+  var shouldBreakout = shouldUseBreakoutFix ? (0, _shouldExtensionBreakout.shouldExtensionBreakout)({
+    layout: layout,
+    isTopLevelNode: isTopLevelNode,
+    editorAppearance: editorAppearance
+  }) : legacyShouldBreakout;
 
   // We don't want to show border for non-empty 1p bodied extensions in live pages
   var show1PBodiedExtensionBorder = showUpdatedLivePages1PBodiedExtensionUI ? (0, _extensionUtils.isEmptyBodiedMacro)(node) : true;

package/dist/cjs/extensibility/MultiBodiedExtension/index.js

@@ -20,6 +20,7 @@ var _hooks = require("../../hooks");
 var _MultiBodiedExtension = require("../../ui/MultiBodiedExtension");
 var _utils = require("../../utils");
 var _Lozenge = _interopRequireDefault(require("../Extension/Lozenge"));
+var _shouldExtensionBreakout = require("../utils/should-extension-breakout");
 var _actionApi = require("./action-api");
 var _styles = require("./styles");
 var _excluded = ["url"];
@@ -152,11 +153,16 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
   var extensionHandlerResult = _react.default.useMemo(function () {
     return tryExtensionHandler(actions);
   }, [tryExtensionHandler, actions]);
-  var shouldBreakout =
-  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
-  ['full-width', 'wide'].includes(node.attrs.layout) &&
-  // Extension breakout state should not be respected when the editor appearance is full-width mode
-  editorAppearance !== 'full-width';
+  var layout = node.attrs.layout;
+  var legacyShouldBreakout = ['full-width', 'wide'].includes(layout) && editorAppearance !== 'full-width';
+  var tinymceFullWidthModeEnabled = (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true);
+  var breakoutExtensionFixEnabled = (0, _expValEquals.expValEquals)('confluence_max_width_breakout_extension_fix', 'isEnabled', true);
+  var shouldUseBreakoutFix = tinymceFullWidthModeEnabled && breakoutExtensionFixEnabled;
+  var shouldBreakout = shouldUseBreakoutFix ? (0, _shouldExtensionBreakout.shouldExtensionBreakout)({
+    layout: layout,
+    editorAppearance: editorAppearance,
+    isTopLevelNode: true
+  }) : legacyShouldBreakout;
   var mbeWrapperStyles = {};
   if (shouldBreakout) {
     var _calculateBreakoutSty = (0, _utils.calculateBreakoutStyles)({

package/dist/cjs/extensibility/utils/should-extension-breakout.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldExtensionBreakout = void 0;
+var breakoutLayouts = new Set(['full-width', 'wide']);
+var shouldRespectBreakoutForAppearance = function shouldRespectBreakoutForAppearance(appearance) {
+  if (!appearance) {
+    return true;
+  }
+  if (appearance === 'full-width') {
+    return false;
+  }
+  if (appearance === 'max') {
+    return false;
+  }
+  return true;
+};
+var shouldExtensionBreakout = exports.shouldExtensionBreakout = function shouldExtensionBreakout(_ref) {
+  var layout = _ref.layout,
+    _ref$isTopLevelNode = _ref.isTopLevelNode,
+    isTopLevelNode = _ref$isTopLevelNode === void 0 ? true : _ref$isTopLevelNode,
+    editorAppearance = _ref.editorAppearance;
+  if (!layout || !breakoutLayouts.has(layout)) {
+    return false;
+  }
+  if (!isTopLevelNode) {
+    return false;
+  }
+  return shouldRespectBreakoutForAppearance(editorAppearance);
+};

package/dist/cjs/i18n/cs.js

@@ -839,6 +839,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Barva textu: {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Barva textu a zvýraznění',
   'fabric.editor.textColorTooltip': 'Barva textu',
+  'companyHub.editor.textColor.pickerTitle': 'Barva textu',
   'fabric.editor.textFormat': 'Formátování textu',
   'fabric.editor.textFormatting': 'Formátování textu',
   'fabric.editor.textStyles': 'Styly textu: {blockTypeName}',

package/dist/cjs/i18n/da.js

@@ -836,6 +836,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} tekstfarve',
   'fabric.editor.textColorHighlightTooltip': 'Farve på tekst og fremhævning',
   'fabric.editor.textColorTooltip': 'Tekstfarve',
+  'companyHub.editor.textColor.pickerTitle': 'Tekstfarve',
   'fabric.editor.textFormat': 'Formatér tekst',
   'fabric.editor.textFormatting': 'Tekstformatering',
   'fabric.editor.textStyles': '{blockTypeName} tekstformatering',

package/dist/cjs/i18n/de.js

@@ -838,6 +838,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Textfarbe: {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Farbe für Text und Hervorhebungen',
   'fabric.editor.textColorTooltip': 'Textfarbe',
+  'companyHub.editor.textColor.pickerTitle': 'Textfarbe',
   'fabric.editor.textFormat': 'Text formatieren',
   'fabric.editor.textFormatting': 'Textformatierung',
   'fabric.editor.textStyles': 'Textstile: {blockTypeName}',

package/dist/cjs/i18n/en.js

@@ -921,6 +921,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} Text color',
   'fabric.editor.textColorHighlightTooltip': 'Text and Highlight color',
   'fabric.editor.textColorTooltip': 'Text color',
+  'companyHub.editor.textColor.pickerTitle': 'Text color',
   'fabric.editor.textFormat': 'Format text',
   'fabric.editor.textFormatting': 'Text formatting',
   'fabric.editor.textStyles': '{blockTypeName} Text styles',

package/dist/cjs/i18n/en_GB.js

@@ -921,6 +921,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} Text colour',
   'fabric.editor.textColorHighlightTooltip': 'Text and Highlight colour',
   'fabric.editor.textColorTooltip': 'Text colour',
+  'companyHub.editor.textColor.pickerTitle': 'Text colour',
   'fabric.editor.textFormat': 'Format text',
   'fabric.editor.textFormatting': 'Text formatting',
   'fabric.editor.textStyles': '{blockTypeName} Text styles',

package/dist/cjs/i18n/en_ZZ.js

@@ -920,6 +920,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '⁣⁢{selectedColorName} Text color؜⁠⁠‌؜⁡⁡‌‌⁡⁡⁠‌⁡‌‌⁣⁤',
   'fabric.editor.textColorHighlightTooltip': '⁣⁢Text and Highlight color⁡⁡⁡⁠⁣⁤',
   'fabric.editor.textColorTooltip': '⁣⁢Text color‍؜؜؜⁡⁡؜؜؜⁠‍⁣⁤',
+  'companyHub.editor.textColor.pickerTitle': '⁣⁢Text color‍؜؜؜⁡⁡؜؜؜⁠‍⁣⁤',
   'fabric.editor.textFormat': '⁣⁢Format text‍⁠؜‌⁠⁡‍‍‌⁣⁤',
   'fabric.editor.textFormatting': '⁣⁢Text formatting‌‍؜‌؜؜‌⁠⁠⁠؜⁣⁤',
   'fabric.editor.textStyles': '⁣⁢{blockTypeName} Text styles⁡؜‌⁠⁡؜؜⁡⁠؜‌⁣⁤',

package/dist/cjs/i18n/es.js

@@ -837,6 +837,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Color de texto {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Color de texto y resaltado',
   'fabric.editor.textColorTooltip': 'Color del texto',
+  'companyHub.editor.textColor.pickerTitle': 'Color del texto',
   'fabric.editor.textFormat': 'Dar formato al texto',
   'fabric.editor.textFormatting': 'Formato de texto',
   'fabric.editor.textStyles': 'Estilos de texto {blockTypeName}',

package/dist/cjs/i18n/fi.js

@@ -839,6 +839,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} tekstin väri',
   'fabric.editor.textColorHighlightTooltip': 'Teksti- ja korostusväri',
   'fabric.editor.textColorTooltip': 'Tekstin väri',
+  'companyHub.editor.textColor.pickerTitle': 'Tekstin väri',
   'fabric.editor.textFormat': 'Muotoile tekstiä',
   'fabric.editor.textFormatting': 'Tekstin muotoilu',
   'fabric.editor.textStyles': 'Tekstityylit: {blockTypeName}',

package/dist/cjs/i18n/fr.js

@@ -837,6 +837,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Couleur de texte {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Couleur du texte et de surbrillance',
   'fabric.editor.textColorTooltip': 'Couleur du texte',
+  'companyHub.editor.textColor.pickerTitle': 'Couleur du texte',
   'fabric.editor.textFormat': 'Mettre en forme le texte',
   'fabric.editor.textFormatting': 'Mise en forme de texte',
   'fabric.editor.textStyles': 'Styles de texte {blockTypeName}',

package/dist/cjs/i18n/hr.js

@@ -898,6 +898,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} Boja teksta',
   'fabric.editor.textColorHighlightTooltip': 'Tekst i istakni boju',
   'fabric.editor.textColorTooltip': 'Boja teksta',
+  'companyHub.editor.textColor.pickerTitle': 'Boja teksta',
   'fabric.editor.textFormat': 'Formatiraj tekst',
   'fabric.editor.textFormatting': 'Formatiranje teksta',
   'fabric.editor.textStyles': '{blockTypeName} Stilovi teksta',

package/dist/cjs/i18n/hu.js

@@ -836,6 +836,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} szövegszín',
   'fabric.editor.textColorHighlightTooltip': 'Szöveg és kiemelés színe',
   'fabric.editor.textColorTooltip': 'Szövegszín',
+  'companyHub.editor.textColor.pickerTitle': 'Szövegszín',
   'fabric.editor.textFormat': 'Szöveg formázása',
   'fabric.editor.textFormatting': 'Szöveg formázása',
   'fabric.editor.textStyles': '{blockTypeName} jellegű szövegstílusok',

package/dist/cjs/i18n/it.js

@@ -836,6 +836,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Colore del testo {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Testo e colore di evidenziazione',
   'fabric.editor.textColorTooltip': 'Colore del testo',
+  'companyHub.editor.textColor.pickerTitle': 'Colore del testo',
   'fabric.editor.textFormat': 'Formatta testo',
   'fabric.editor.textFormatting': 'Formattazione del testo',
   'fabric.editor.textStyles': 'Stili del testo {blockTypeName}',

package/dist/cjs/i18n/ja.js

@@ -837,6 +837,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '「{selectedColorName}」テキスト カラー',
   'fabric.editor.textColorHighlightTooltip': 'テキストとハイライトの色',
   'fabric.editor.textColorTooltip': 'テキストの色',
+  'companyHub.editor.textColor.pickerTitle': 'テキストの色',
   'fabric.editor.textFormat': 'テキストを書式設定',
   'fabric.editor.textFormatting': 'テキスト書式設定',
   'fabric.editor.textStyles': '「{blockTypeName}」テキスト スタイル',

package/dist/cjs/i18n/ko.js

@@ -837,6 +837,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} 텍스트 색상',
   'fabric.editor.textColorHighlightTooltip': '텍스트 및 강조 색',
   'fabric.editor.textColorTooltip': '텍스트 색상',
+  'companyHub.editor.textColor.pickerTitle': '텍스트 색상',
   'fabric.editor.textFormat': '텍스트 서식',
   'fabric.editor.textFormatting': '텍스트 서식',
   'fabric.editor.textStyles': '{blockTypeName} 텍스트 스타일',

package/dist/cjs/i18n/nb.js

@@ -836,6 +836,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Tekstfargen {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Tekst- og fremhevingsfarge',
   'fabric.editor.textColorTooltip': 'Tekstfarge',
+  'companyHub.editor.textColor.pickerTitle': 'Tekstfarge',
   'fabric.editor.textFormat': 'Formater tekst',
   'fabric.editor.textFormatting': 'Tekstformatering',
   'fabric.editor.textStyles': 'Tekststiler {blockTypeName}',

package/dist/cjs/i18n/nl.js

@@ -836,6 +836,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} Tekstkleur',
   'fabric.editor.textColorHighlightTooltip': 'Kleur markeren en tekst',
   'fabric.editor.textColorTooltip': 'Tekstkleur',
+  'companyHub.editor.textColor.pickerTitle': 'Tekstkleur',
   'fabric.editor.textFormat': 'Tekst opmaken',
   'fabric.editor.textFormatting': 'Tekstopmaak',
   'fabric.editor.textStyles': '{blockTypeName} Tekststijlen',

package/dist/cjs/i18n/pl.js

@@ -839,6 +839,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Kolor tekstu: {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Kolor tekstu i wyróżnienia',
   'fabric.editor.textColorTooltip': 'Kolor tekstu',
+  'companyHub.editor.textColor.pickerTitle': 'Kolor tekstu',
   'fabric.editor.textFormat': 'Formatuj tekst',
   'fabric.editor.textFormatting': 'Formatowanie tekstu',
   'fabric.editor.textStyles': 'Style tekstu: {blockTypeName}',

package/dist/cjs/i18n/pt_BR.js

@@ -835,6 +835,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Cor do texto {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Cor do texto e de destaque',
   'fabric.editor.textColorTooltip': 'Cor do texto',
+  'companyHub.editor.textColor.pickerTitle': 'Cor do texto',
   'fabric.editor.textFormat': 'Formatar texto',
   'fabric.editor.textFormatting': 'Formatação de texto',
   'fabric.editor.textStyles': 'Estilos de texto {blockTypeName}',

package/dist/cjs/i18n/ru.js

@@ -839,6 +839,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Цвет текста: {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Цвет текста и выделения',
   'fabric.editor.textColorTooltip': 'Цвет текста',
+  'companyHub.editor.textColor.pickerTitle': 'Цвет текста',
   'fabric.editor.textFormat': 'Форматировать текст',
   'fabric.editor.textFormatting': 'Форматирование текста',
   'fabric.editor.textStyles': 'Стили текста: {blockTypeName}',

package/dist/cjs/i18n/sk.js

@@ -772,6 +772,7 @@ var _default = exports.default = {
   'fabric.editor.text.formatting.off': 'Formátovanie textu vypnuté',
   'fabric.editor.textColor': 'Farba textu: {selectedColorName}',
   'fabric.editor.textColorTooltip': 'Farba textu',
+  'companyHub.editor.textColor.pickerTitle': 'Farba textu',
   'fabric.editor.textFormat': 'Formátovať text',
   'fabric.editor.textFormatting': 'Formátovanie textu',
   'fabric.editor.textStyles': 'Štýly textu: {blockTypeName}',

package/dist/cjs/i18n/sl.js

@@ -890,6 +890,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} barva besedila',
   'fabric.editor.textColorHighlightTooltip': 'Barva besedila in označevanja',
   'fabric.editor.textColorTooltip': 'Barva besedila',
+  'companyHub.editor.textColor.pickerTitle': 'Barva besedila',
   'fabric.editor.textFormat': 'Oblikovanje besedila',
   'fabric.editor.textFormatting': 'Oblikovanje besedila',
   'fabric.editor.textStyles': '{blockTypeName} slogi besedila',

package/dist/cjs/i18n/sr.js

@@ -772,6 +772,7 @@ var _default = exports.default = {
   'fabric.editor.text.formatting.off': 'Isključeno formatiranje teksta',
   'fabric.editor.textColor': '{selectedColorName} boja teksta',
   'fabric.editor.textColorTooltip': 'Boja teksta',
+  'companyHub.editor.textColor.pickerTitle': 'Boja teksta',
   'fabric.editor.textFormat': 'Formatiraj tekst',
   'fabric.editor.textFormatting': 'Formatiranje teksta',
   'fabric.editor.textStyles': '{blockTypeName} stilovi teksta',

package/dist/cjs/i18n/sr_RS.js

@@ -898,6 +898,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} boja teksta',
   'fabric.editor.textColorHighlightTooltip': 'Boja teksta i boja za isticanje',
   'fabric.editor.textColorTooltip': 'Boja teksta',
+  'companyHub.editor.textColor.pickerTitle': 'Boja teksta',
   'fabric.editor.textFormat': 'Formatiraj tekst',
   'fabric.editor.textFormatting': 'Formatiranje teksta',
   'fabric.editor.textStyles': '{blockTypeName} stilovi teksta',

package/dist/cjs/i18n/sr_YR.js

@@ -898,6 +898,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} боја текста',
   'fabric.editor.textColorHighlightTooltip': 'Боја текста и боја за истицање',
   'fabric.editor.textColorTooltip': 'Боја текста',
+  'companyHub.editor.textColor.pickerTitle': 'Боја текста',
   'fabric.editor.textFormat': 'Форматирај текст',
   'fabric.editor.textFormatting': 'Форматирање текста',
   'fabric.editor.textStyles': '{blockTypeName} стилови текста',

package/dist/cjs/i18n/sv.js

@@ -836,6 +836,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Textfärg {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Text- och markeringsfärg',
   'fabric.editor.textColorTooltip': 'Textfärg',
+  'companyHub.editor.textColor.pickerTitle': 'Textfärg',
   'fabric.editor.textFormat': 'Formatera text',
   'fabric.editor.textFormatting': 'Textformatering',
   'fabric.editor.textStyles': 'Textstilar {blockTypeName}',

package/dist/cjs/i18n/th.js

@@ -822,6 +822,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'สีข้อความ {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'ข้อความและสีไฮไลท์',
   'fabric.editor.textColorTooltip': 'สีข้อความ',
+  'companyHub.editor.textColor.pickerTitle': 'สีข้อความ',
   'fabric.editor.textFormat': 'รูปแบบข้อความ',
   'fabric.editor.textFormatting': 'การจัดรูปแบบข้อความ',
   'fabric.editor.textStyles': 'รูปแบบข้อความ {blockTypeName}',

package/dist/cjs/i18n/tr.js

@@ -837,6 +837,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName} Metin rengi',
   'fabric.editor.textColorHighlightTooltip': 'Metin ve Vurgu rengi',
   'fabric.editor.textColorTooltip': 'Metin rengi',
+  'companyHub.editor.textColor.pickerTitle': 'Metin rengi',
   'fabric.editor.textFormat': 'Metni biçimlendir',
   'fabric.editor.textFormatting': 'Metin biçimlendirmesi',
   'fabric.editor.textStyles': '{blockTypeName} Metin stilleri',

package/dist/cjs/i18n/uk.js

@@ -822,6 +822,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Колір тексту: {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Текст і колір його позначення',
   'fabric.editor.textColorTooltip': 'Колір тексту',
+  'companyHub.editor.textColor.pickerTitle': 'Колір тексту',
   'fabric.editor.textFormat': 'Форматувати текст',
   'fabric.editor.textFormatting': 'Форматування у вигляді тексту',
   'fabric.editor.textStyles': 'Стилі тексту: {blockTypeName}',

package/dist/cjs/i18n/vi.js

@@ -822,6 +822,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': 'Màu văn bản {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Màu văn bản và phần tô sáng',
   'fabric.editor.textColorTooltip': 'Màu văn bản',
+  'companyHub.editor.textColor.pickerTitle': 'Màu văn bản',
   'fabric.editor.textFormat': 'Định dạng văn bản',
   'fabric.editor.textFormatting': 'Định dang văn bản',
   'fabric.editor.textStyles': 'Kiểu văn bản {blockTypeName}',

package/dist/cjs/i18n/zh.js

@@ -837,6 +837,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName}文本颜色',
   'fabric.editor.textColorHighlightTooltip': '文本和突出显示颜色',
   'fabric.editor.textColorTooltip': '文本颜色',
+  'companyHub.editor.textColor.pickerTitle': '文本颜色',
   'fabric.editor.textFormat': '设置文本格式',
   'fabric.editor.textFormatting': '文本格式设置',
   'fabric.editor.textStyles': '"{blockTypeName}" 文本样式',

package/dist/cjs/i18n/zh_TW.js

@@ -837,6 +837,7 @@ var _default = exports.default = {
   'fabric.editor.textColor': '{selectedColorName}的文字顏色',
   'fabric.editor.textColorHighlightTooltip': '文字和醒目提示顏色',
   'fabric.editor.textColorTooltip': '文字顏色',
+  'companyHub.editor.textColor.pickerTitle': '文字顏色',
   'fabric.editor.textFormat': '設定文字格式',
   'fabric.editor.textFormatting': '文字格式設定',
   'fabric.editor.textStyles': '{blockTypeName}的文字樣式',

package/dist/cjs/messages/company-hub-text-color.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.companyHubTextColorMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var companyHubTextColorMessages = exports.companyHubTextColorMessages = (0, _reactIntlNext.defineMessages)({
+  colorPickerTitle: {
+    id: 'company-hub-text-color.color-picker-dropdown.picker-title',
+    description: 'Header of color picker dropdown for customizing text color of Company Hub',
+    defaultMessage: 'Text Color'
+  }
+});

package/dist/cjs/messages/index.js

@@ -69,6 +69,12 @@ Object.defineProperty(exports, "colorPickerButtonMessages", {
     return _colorPickerButton.colorPickerButtonMessages;
   }
 });
+Object.defineProperty(exports, "companyHubTextColorMessages", {
+  enumerable: true,
+  get: function get() {
+    return _companyHubTextColor.companyHubTextColorMessages;
+  }
+});
 Object.defineProperty(exports, "contextPanelMessages", {
   enumerable: true,
   get: function get() {
@@ -299,6 +305,7 @@ var _contextPanel = require("./context-panel");
 var _trackChanges = require("./track-changes");
 var _syncBlock = require("./syncBlock");
 var _limitedMode = require("./limited-mode");
+var _companyHubTextColor = require("./company-hub-text-color");
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({

package/dist/cjs/messages/mentions.js

@@ -30,5 +30,15 @@ var mentionMessages = exports.mentionMessages = (0, _reactIntlNext.defineMessage
     id: 'fabric.editor.unknown.label',
     defaultMessage: 'Unknown',
     description: 'Label to indicate unknown mention node'
+  },
+  inviteTeammateInvalidEmail: {
+    id: 'fabric.editor.inviteItem.invalidEmail',
+    defaultMessage: 'Enter a valid email address',
+    description: 'By line text for invite teammate option shown in mentions when the email is invalid. This is a placeholder for the actual error message that will be shown to the user.'
+  },
+  sendInvite: {
+    id: 'fabric.editor.inviteItem.sendInvite',
+    defaultMessage: 'Send request to invite teammate',
+    description: 'By line text for send request to invite teammate option shown in mentions.'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "111.8.3";
+var packageVersion = "111.8.5";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "111.8.3";
+var packageVersion = "111.8.5";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -37,6 +37,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["DECREMENTED"] = "decremented";
   ACTION["DELETED"] = "deleted";
   ACTION["DISCARDED_INVALID_STEPS_FROM_TRANSACTION"] = "discardedInvalidStepsFromTransaction";
+  ACTION["DISCARDED"] = "discarded";
   /** used in @atlassian/editor-referentiality */
   ACTION["DISCONNECTED_SOURCE"] = "disconnectedSource";
   /** used in @atlassian/editor-referentiality */

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

@@ -14,6 +14,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useSharedPluginStateWithSelector } from '../../../hooks';
 import { overflowShadow } from '../../../ui';
 import { calculateBreakoutStyles } from '../../../utils';
+import { shouldExtensionBreakout } from '../../utils/should-extension-breakout';
 import { LegacyContentHeader } from '../LegacyContentHeader';
 import ExtensionLozenge from '../Lozenge';
 import { overlay } from '../styles';
@@ -75,13 +76,16 @@ function ExtensionWithPluginState(props) {
     const pos = typeof getPos === 'function' ? getPos() : undefined;
     return typeof pos !== 'undefined' && !isNaN(pos) && view.state.doc.resolve(pos).depth === 0;
   }, [view, getPos]);
-  const shouldBreakout =
-  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
-  ['full-width', 'wide'].includes(node.attrs.layout) &&
-  // Extension breakout state should only be respected for top level nodes.
-  isTopLevelNode &&
-  // Extension breakout state should not be respected when the editor appearance is full-width mode
-  editorAppearance !== 'full-width';
+  const layout = node.attrs.layout;
+  const legacyShouldBreakout = ['full-width', 'wide'].includes(layout) && isTopLevelNode && editorAppearance !== 'full-width';
+  const tinymceFullWidthModeEnabled = expValEquals('confluence_max_width_content_appearance', 'isEnabled', true);
+  const breakoutExtensionFixEnabled = expValEquals('confluence_max_width_breakout_extension_fix', 'isEnabled', true);
+  const shouldUseBreakoutFix = tinymceFullWidthModeEnabled && breakoutExtensionFixEnabled;
+  const shouldBreakout = shouldUseBreakoutFix ? shouldExtensionBreakout({
+    layout,
+    isTopLevelNode,
+    editorAppearance
+  }) : legacyShouldBreakout;
 
   // We don't want to show border for non-empty 1p bodied extensions in live pages
   const show1PBodiedExtensionBorder = showUpdatedLivePages1PBodiedExtensionUI ? isEmptyBodiedMacro(node) : true;

package/dist/es2019/extensibility/MultiBodiedExtension/index.js

@@ -16,6 +16,7 @@ import { useSharedPluginStateWithSelector } from '../../hooks';
 import { removeMarginsAndBorder, sharedMultiBodiedExtensionStyles } from '../../ui/MultiBodiedExtension';
 import { calculateBreakoutStyles, getExtensionLozengeData } from '../../utils';
 import ExtensionLozenge from '../Extension/Lozenge';
+import { shouldExtensionBreakout } from '../utils/should-extension-breakout';
 import { useMultiBodiedExtensionActions } from './action-api';
 import { mbeExtensionWrapperCSSStyles, overlayStyles } from './styles';
 const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) =>
@@ -142,11 +143,16 @@ const MultiBodiedExtensionWithWidth = ({
   const extensionHandlerResult = React.useMemo(() => {
     return tryExtensionHandler(actions);
   }, [tryExtensionHandler, actions]);
-  const shouldBreakout =
-  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
-  ['full-width', 'wide'].includes(node.attrs.layout) &&
-  // Extension breakout state should not be respected when the editor appearance is full-width mode
-  editorAppearance !== 'full-width';
+  const layout = node.attrs.layout;
+  const legacyShouldBreakout = ['full-width', 'wide'].includes(layout) && editorAppearance !== 'full-width';
+  const tinymceFullWidthModeEnabled = expValEquals('confluence_max_width_content_appearance', 'isEnabled', true);
+  const breakoutExtensionFixEnabled = expValEquals('confluence_max_width_breakout_extension_fix', 'isEnabled', true);
+  const shouldUseBreakoutFix = tinymceFullWidthModeEnabled && breakoutExtensionFixEnabled;
+  const shouldBreakout = shouldUseBreakoutFix ? shouldExtensionBreakout({
+    layout,
+    editorAppearance,
+    isTopLevelNode: true
+  }) : legacyShouldBreakout;
   let mbeWrapperStyles = {};
   if (shouldBreakout) {
     const {

package/dist/es2019/extensibility/utils/should-extension-breakout.js

@@ -0,0 +1,26 @@
+const breakoutLayouts = new Set(['full-width', 'wide']);
+const shouldRespectBreakoutForAppearance = appearance => {
+  if (!appearance) {
+    return true;
+  }
+  if (appearance === 'full-width') {
+    return false;
+  }
+  if (appearance === 'max') {
+    return false;
+  }
+  return true;
+};
+export const shouldExtensionBreakout = ({
+  layout,
+  isTopLevelNode = true,
+  editorAppearance
+}) => {
+  if (!layout || !breakoutLayouts.has(layout)) {
+    return false;
+  }
+  if (!isTopLevelNode) {
+    return false;
+  }
+  return shouldRespectBreakoutForAppearance(editorAppearance);
+};

package/dist/es2019/i18n/cs.js

@@ -833,6 +833,7 @@ export default {
   'fabric.editor.textColor': 'Barva textu: {selectedColorName}',
   'fabric.editor.textColorHighlightTooltip': 'Barva textu a zvýraznění',
   'fabric.editor.textColorTooltip': 'Barva textu',
+  'companyHub.editor.textColor.pickerTitle': 'Barva textu',
   'fabric.editor.textFormat': 'Formátování textu',
   'fabric.editor.textFormatting': 'Formátování textu',
   'fabric.editor.textStyles': 'Styly textu: {blockTypeName}',