@atlaskit/editor-common 59.1.0 → 60.3.0

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # @atlaskit/editor-common
 
+## 60.3.0
+
+### Minor Changes
+
+- [`c80c71b537d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c80c71b537d) - [ux] ED-13860 add bidi warning decorations to code components
+
+### Patch Changes
+
+- Updated dependencies
+
+## 60.2.0
+
+### Minor Changes
+
+- [`53d2eac387d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53d2eac387d) - ED-12705 Fail all active editor UFO experiences from the editor error boundary
+- [`b58f3c24179`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b58f3c24179) - ED-13643 Instrument editor interaction UFO experience
+- [`971845eac0d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/971845eac0d) - CETI-96 Added new rule to emoji to solve the duplicate icon issue when we copy from renderer
+- [`87ea2112afe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87ea2112afe) - ED-13214 Update ExperienceStore to use EditorView as unique identifier rather than session id
+- [`3c5548e50da`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c5548e50da) - [ux] Introducing new Media Inline component to renderer
+- [`d7f62de1e40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7f62de1e40) - CETI-157 Fix panel selection in safari
+- [`b53d0d54ac2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b53d0d54ac2) - ED-12887 Add render count profiler utilities
+- [`746e1f37cb8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/746e1f37cb8) - ED-13214 Add experience store available via new entry point @atlaskit/editor-common/ufo
+
+### Patch Changes
+
+- [`cbde8994bd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cbde8994bd4) - ED-12846: Fix disappearing table borders in Chrome
+- [`500420bcc7e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/500420bcc7e) - Updated to newest UFO API
+- [`f897443ad45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f897443ad45) - Revert AK-279
+- [`99757fa97fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/99757fa97fb) - ED-13642 added ufo session complete analytics event
+- Updated dependencies
+
+## 60.1.0
+
+### Minor Changes
+
+- [`981052d2a94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/981052d2a94) - COLLAB-933: Update common types to support disconnected event
+- [`8c36177a89c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c36177a89c) - [ux] Changed wording of 'hideEmoji' to 'removeEmoji' & disbaled th button when there is no emoji (& enabled when there was one)
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - AK-279 Moved copy button outside of heading, that made heading accessible
+- [`1a07c1caf61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a07c1caf61) - CETI-93 - Fixed custom panel icon sizing and alignment when icon render as image
+
+### Patch Changes
+
+- [`114cfd6cb20`](https://bitbucket.org/atlassian/atlassian-frontend/commits/114cfd6cb20) - CETI-7 Select custom panel through keyboard
+- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - Internal changes to remove `@atlaskit/theme/math` usage.
+- Updated dependencies
+
+## 60.0.0
+
+### Major Changes
+
+- [`b95863772be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b95863772be) - Support external observers.
+  Use better naming for refNode (refNode => reference).
+  In favor of further work (supporting multiple references) pass array of references to Extension component.
+  Expand node with localId for extentions.
+
+### Minor Changes
+
+- [`71bb1bb3cd0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71bb1bb3cd0) - [ED-12933] Create TypeAhead common constant for mobile-bridge and editor-core
+- [`2a6a10f9c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2a6a10f9c5f) - CETI-29 Updated emoji picker toolbar icon for custom panels
+- [`d1a58a7a520`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d1a58a7a520) - [ux] ED-12460 Implement collab scroll-to-telepointer: a user can now click on a collab avatar and be scrolled to another user's position in the document
+
+### Patch Changes
+
+- [`53d81fa08ee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53d81fa08ee) - CETI-14 added functionality to hide emoji from custom panel
+- [`bd510f46bff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bd510f46bff) - CETI-30 added functionality to add custom panel via the slash command
+- [`099e8495f3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/099e8495f3d) - CETI-37 - Fixed custom panel icon sizing and alignment
+- [`b90c0237824`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b90c0237824) - Update package.jsons to remove unused dependencies.
+- Updated dependencies
+
 ## 59.1.0
 
 ### Minor Changes

package/dist/cjs/i18n/cs.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Czech
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Obousměrné znaky mění pořadí vykreslování textu. Může to být použito k zakrytí škodlivého kódu.',
   'fabric.editor.captionPlaceholder': 'Přidejte popisek',
   'fabric.editor.collapseNode': 'Sbalit obsah',
   'fabric.editor.expandDefaultTitle': 'Klikněte sem pro rozbalení...',

package/dist/cjs/i18n/da.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Danish
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Tegn med tovejsfunktionalitet ændrer rækkefølgen, som teksten er gengivet i. Dette kan udnyttes til at skjule skadelig kode.',
   'fabric.editor.captionPlaceholder': 'Tilføj en billedtekst',
   'fabric.editor.collapseNode': 'skjul indhold',
   'fabric.editor.expandDefaultTitle': 'Klik her for at udvide...',

package/dist/cjs/i18n/de.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // German
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Bidirektionale Zeichen ändern die Reihenfolge, in der Text gerendert wird. Dies könnte verwendet werden, um bösartigen Code zu verbergen.',
   'fabric.editor.captionPlaceholder': 'Eine Bildunterschrift hinzufügen',
   'fabric.editor.collapseNode': 'Inhaltsanzeige reduzieren',
   'fabric.editor.expandDefaultTitle': 'Klicken Sie hier, um zu erweitern …',

package/dist/cjs/i18n/es.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Spanish
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Los caracteres bidireccionales cambian el orden de renderización del texto. Esto podría utilizarse para ocultar código malicioso.',
   'fabric.editor.captionPlaceholder': 'Añadir un subtítulo',
   'fabric.editor.collapseNode': 'contraer contenido',
   'fabric.editor.expandDefaultTitle': 'Haz clic aquí para ampliar...',

package/dist/cjs/i18n/fi.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Finnish
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Kaksisuuntaiset merkit muuttavat tekstin renderöintijärjestystä. Tätä voidaan hyödyntää haitallisen koodin peittämisessä.',
   'fabric.editor.captionPlaceholder': 'Lisää kuvateksti',
   'fabric.editor.collapseNode': 'piilota sisältö',
   'fabric.editor.expandDefaultTitle': 'Klikkaa tähän laajentaaksesi...',

package/dist/cjs/i18n/fr.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // French
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': "Les caractères bidirectionnels changent l'ordre de rendu du texte. Ils peuvent être utilisés pour masquer du code malveillant.",
   'fabric.editor.captionPlaceholder': 'Ajouter une légende',
   'fabric.editor.collapseNode': 'Réduire le contenu',
   'fabric.editor.expandDefaultTitle': 'Cliquez ici pour développer...',

package/dist/cjs/i18n/hu.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Hungarian
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'A kétirányú karakterek megváltoztatják a szöveg renderelési sorrendjét. Ez felhasználható rosszindulatú kód elfedésére.',
   'fabric.editor.captionPlaceholder': 'Képaláírás hozzáadása',
   'fabric.editor.collapseNode': 'tartalom összecsukása',
   'fabric.editor.expandDefaultTitle': 'Kattints ide a kibontáshoz…',

package/dist/cjs/i18n/it.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Italian
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': "I caratteri bidirezionali modificano l'ordine in cui è visualizzato il testo. Possono essere utilizzati per nascondere un codice dannoso.",
   'fabric.editor.captionPlaceholder': 'Aggiungi didascalia',
   'fabric.editor.collapseNode': 'Comprimi contenuto',
   'fabric.editor.expandDefaultTitle': 'Clicca qui per espandere...',

package/dist/cjs/i18n/ja.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Japanese
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': '双方向文字はテキストのレンダリング順序を変更します。このため、悪意あるコードを隠すために使用される場合があります。',
   'fabric.editor.captionPlaceholder': 'キャプションを追加',
   'fabric.editor.collapseNode': 'コンテンツを折りたたむ',
   'fabric.editor.expandDefaultTitle': 'こちらをクリックして展開…',

package/dist/cjs/i18n/ko.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Korean
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': '양방향 문자가 텍스트가 렌더링되는 순서를 변경합니다. 악성 코드를 가리는 데 사용할 수 있습니다.',
   'fabric.editor.captionPlaceholder': '캡션 추가',
   'fabric.editor.collapseNode': '콘텐츠 접기',
   'fabric.editor.expandDefaultTitle': '여기를 클릭하여 펼치기...',

package/dist/cjs/i18n/nb.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Norwegian Bokmål
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Toveistegn endrer rekkefølgen som tekst vises i. Dette kan brukes til å skjule skadelig kode.',
   'fabric.editor.captionPlaceholder': 'Legg til bildetekst',
   'fabric.editor.collapseNode': 'Minimer innhold',
   'fabric.editor.expandDefaultTitle': 'Klikk her for å utvide …',

package/dist/cjs/i18n/nl.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Dutch
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Bidirectionele tekens wijzigen de volgorde waarin de tekst wordt weergegeven. Dit kan worden gebruikt om schadelijke code te verdoezelen.',
   'fabric.editor.captionPlaceholder': 'Bijschrift toevoegen',
   'fabric.editor.collapseNode': 'Content inklappen',
   'fabric.editor.expandDefaultTitle': 'Klik hier om uit te breiden...',

package/dist/cjs/i18n/pl.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Polish
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Znaki dwukierunkowe zmieniają kolejność, w jakiej tekst jest renderowany. Może to zostać wykorzystane do ukrycia złośliwego kodu.',
   'fabric.editor.captionPlaceholder': 'Dodaj podpis',
   'fabric.editor.collapseNode': 'Zwiń zawartość',
   'fabric.editor.expandDefaultTitle': 'Kliknij tutaj, aby rozwinąć...',

package/dist/cjs/i18n/pt_BR.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Portuguese (Brazil)
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Caracteres bidirecionais alteram a ordem em que o texto é renderizado. Eles podem ser usados para ocultar códigos mal-intencionados.',
   'fabric.editor.captionPlaceholder': 'Adicionar legenda',
   'fabric.editor.collapseNode': 'Recolher conteúdo',
   'fabric.editor.expandDefaultTitle': 'Clique aqui para expandir...',

package/dist/cjs/i18n/ru.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Russian
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Двунаправленные символы изменяют порядок отображения текста. Они могут использоваться для маскировки вредоносного кода.',
   'fabric.editor.captionPlaceholder': 'Добавьте подпись',
   'fabric.editor.collapseNode': 'Свернуть содержимое',
   'fabric.editor.expandDefaultTitle': 'Нажмите здесь, чтобы развернуть…',

package/dist/cjs/i18n/sv.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Swedish
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Dubbelriktade tecken ändrar återgivningsordningen för text. Detta kan användas för att dölja skadlig kod.',
   'fabric.editor.captionPlaceholder': 'Lägg till en bildtext',
   'fabric.editor.collapseNode': 'komprimera innehåll',
   'fabric.editor.expandDefaultTitle': 'Klicka här för att expandera ...',

package/dist/cjs/i18n/th.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Thai
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'ตัวอักษรแบบสองทิศทางเปลี่ยนลำดับการแสดงข้อความ ซึ่งอาจนำไปใช้เพื่อปิดบังรหัสที่มีวัตถุประสงค์ในทางที่ไม่ดีได้',
   'fabric.editor.captionPlaceholder': 'เพิ่มคำอธิบาย',
   'fabric.editor.collapseNode': 'ย่อเนื้อหา',
   'fabric.editor.expandDefaultTitle': 'คลิกที่นี่เพื่อขยาย...',

package/dist/cjs/i18n/tr.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Turkish
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Çift yönlü karakterler metnin oluşturulduğu sırayı değiştirir. Bu, kötü amaçlı kodu gizlemek için kullanılabilir.',
   'fabric.editor.captionPlaceholder': 'Açıklama yazısı ekleyin',
   'fabric.editor.collapseNode': 'içeriği daraltın',
   'fabric.editor.expandDefaultTitle': 'Genişletmek için buraya tıklayın...',

package/dist/cjs/i18n/uk.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Ukrainian
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Двонаправлені символи змінюють порядок відображення тексту. Такий спосіб може використовуватися, щоб приховати зловмисний код.',
   'fabric.editor.captionPlaceholder': 'Додати підпис',
   'fabric.editor.collapseNode': 'Згорніть вміст',
   'fabric.editor.expandDefaultTitle': 'Натисніть, щоб розгорнути…',

package/dist/cjs/i18n/vi.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // Vietnamese
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': 'Ký tự hai chiều thay đổi thứ tự kết xuất văn bản. Điều này có thể được dùng để che giấu mã độc hại.',
   'fabric.editor.captionPlaceholder': 'Thêm chú thích',
   'fabric.editor.collapseNode': 'thu gọn nội dung',
   'fabric.editor.expandDefaultTitle': 'Nhấp vào đây để mở rộng...',

package/dist/cjs/i18n/zh.js

@@ -11,8 +11,8 @@ exports.default = void 0;
  * This file is automatically generated by i18n-tools.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Chinese
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': '双向字符会更改文本的呈现顺序。这可能被用于掩盖恶意代码。',
   'fabric.editor.captionPlaceholder': '添加标题',
   'fabric.editor.collapseNode': '收起内容',
   'fabric.editor.expandDefaultTitle': '点击此处展开...',

package/dist/cjs/i18n/zh_TW.js

@@ -13,6 +13,7 @@ exports.default = void 0;
  */
 // undefined
 var _default = {
+  'fabric.editor.codeBidiWarningLabel': '雙向字元會變更文字呈現的順序。這可用來將惡意程式碼模糊化。',
   'fabric.editor.captionPlaceholder': '新增標題',
   'fabric.editor.collapseNode': '摺疊內容',
   'fabric.editor.expandDefaultTitle': '按一下此處以展開...',

package/dist/cjs/index.js

@@ -333,6 +333,12 @@ Object.defineProperty(exports, "sniffUserBrowserExtensions", {
     return _utils.sniffUserBrowserExtensions;
   }
 });
+Object.defineProperty(exports, "RenderCountProfiler", {
+  enumerable: true,
+  get: function get() {
+    return _utils.RenderCountProfiler;
+  }
+});
 Object.defineProperty(exports, "SortOrder", {
   enumerable: true,
   get: function get() {

package/dist/cjs/messages/codeBidiWarning.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeBidiWarningMessages = void 0;
+
+var _reactIntl = require("react-intl");
+
+var codeBidiWarningMessages = (0, _reactIntl.defineMessages)({
+  /**
+   * Message taken from
+   * https://hello.atlassian.net/wiki/spaces/~tswan/pages/1366555782/PSHELP-2943+Investigate+Trojan+Source+Attack+Vulnerability+design
+   */
+  label: {
+    id: 'fabric.editor.codeBidiWarningLabel',
+    defaultMessage: 'Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.',
+    description: 'Tooltip message to present to users when a bidirectional character is encountered in code.'
+  }
+});
+exports.codeBidiWarningMessages = codeBidiWarningMessages;

package/dist/cjs/messages/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "codeBidiWarningMessages", {
+  enumerable: true,
+  get: function get() {
+    return _codeBidiWarning.codeBidiWarningMessages;
+  }
+});
 Object.defineProperty(exports, "linkMessages", {
   enumerable: true,
   get: function get() {
@@ -16,6 +22,8 @@ Object.defineProperty(exports, "unsupportedContentMessages", {
   }
 });
 
+var _codeBidiWarning = require("./codeBidiWarning");
+
 var _link = require("./link");
 
 var _unsupportedContent = require("./unsupportedContent");

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

@@ -17,6 +17,10 @@ var _adfSchema = require("@atlaskit/adf-schema");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
+var _consts = require("@atlaskit/editor-shared-styles/consts");
+
+var _emoji = require("@atlaskit/emoji");
+
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
 var _components = require("@atlaskit/theme/components");
@@ -78,6 +82,7 @@ var darkTextColor = {
   warning: colors.Y75,
   error: colors.R75
 };
+var verticalAlignment = -(((0, _constants.gridSize)() * 3 - _consts.akEditorCustomIconSize) / 2);
 var prefix = 'ak-editor-panel';
 var PanelSharedCssClassName = {
   prefix: prefix,
@@ -93,7 +98,12 @@ var PanelSharedSelectors = {
   successPanel: ".".concat(prefix, "[data-panel-type=").concat(_adfSchema.PanelType.SUCCESS, "]"),
   noteButton: "button[aria-label=\"Note\"]",
   removeButton: "button[aria-label=\"Remove\"]",
-  emojiIcon: "span[aria-label=\"emoji\"]"
+  colorPalette: "[aria-label=\"Background color\"]",
+  selectedColor: "[aria-label=\"The smell\"]",
+  removeEmojiIcon: "[aria-label=\"Remove emoji\"]",
+  emojiIcon: "[aria-label=\"editor-add-emoji\"]",
+  selectedEmoji: "[aria-label=\":grinning:\"]",
+  title: "#editor-title"
 };
 exports.PanelSharedSelectors = PanelSharedSelectors;
 
@@ -139,5 +149,5 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
   };
 };
 
-var panelSharedStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    border-radius: ", "px;\n    margin: ", " 0 0;\n    padding: ", "px;\n    min-width: ", "px;\n    display: flex;\n    align-items: baseline;\n    word-break: break-word;\n\n    ", "\n\n    .", " {\n      display: block;\n      flex-shrink: 0;\n      height: ", "px;\n      width: ", "px;\n      box-sizing: content-box;\n      padding-right: ", "px;\n      ", "\n\n      > span {\n        vertical-align: middle;\n        display: inline;\n      }\n    }\n\n    .ak-editor-panel__content {\n      margin: 1px 0 1px;\n      flex: 1 0 0;\n      /*\n        https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n        The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n      */\n      min-width: 0;\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n  }\n"])), PanelSharedCssClassName.prefix, (0, _constants.borderRadius)(), _editorSharedStyles.blockNodesVerticalMargin, (0, _constants.gridSize)(), _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)(), iconDynamicStyles(_adfSchema.PanelType.INFO), _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS));
+var panelSharedStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    border-radius: ", "px;\n    margin: ", " 0 0;\n    padding: ", "px;\n    min-width: ", "px;\n    display: flex;\n    position: relative;\n    align-items: baseline;\n    word-break: break-word;\n\n    ", "\n\n    .", " {\n      flex-shrink: 0;\n      height: ", "px;\n      width: ", "px;\n      box-sizing: content-box;\n      padding-right: ", "px;\n      text-align: center;\n      user-select: none;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      ", "\n\n      > span {\n        vertical-align: middle;\n        display: inline;\n      }\n\n      .", ", .", " {\n        vertical-align: ", "px;\n      }\n    }\n\n    .ak-editor-panel__content {\n      margin: 1px 0 1px;\n      flex: 1 0 0;\n      /*\n        https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n        The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n      */\n      min-width: 0;\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n  }\n"])), PanelSharedCssClassName.prefix, (0, _constants.borderRadius)(), _editorSharedStyles.blockNodesVerticalMargin, (0, _constants.gridSize)(), _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)(), iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, _emoji.emojiImage, verticalAlignment, _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS));
 exports.panelSharedStyles = panelSharedStyles;

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

@@ -60,7 +60,7 @@ var tableSharedStyle = (0, _styledComponents.css)(_templateObject || (_templateO
 }), tableCellMinWidth, (0, _components.themed)({
   light: _editorSharedStyles.akEditorTableBorder,
   dark: _editorSharedStyles.akEditorTableBorderDark
-}), tableCellPadding, _browser.default.gecko || _browser.default.ie ? 'background-clip: padding-box;' : '', (0, _components.themed)({
+}), tableCellPadding, _browser.default.gecko || _browser.default.ie || _browser.default.mac && _browser.default.chrome ? 'background-clip: padding-box;' : '', (0, _components.themed)({
   dark: _editorSharedStyles.getTableCellBackgroundDarkModeColors
 }), (0, _components.themed)({
   light: _editorSharedStyles.akEditorTableToolbar,

package/dist/cjs/type-ahead/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectItemMode = exports.TypeAheadAvailableNodes = void 0;
+var TypeAheadAvailableNodes;
+exports.TypeAheadAvailableNodes = TypeAheadAvailableNodes;
+
+(function (TypeAheadAvailableNodes) {
+  TypeAheadAvailableNodes["EMOJI"] = "emojiTypeAhead";
+  TypeAheadAvailableNodes["MENTION"] = "mentionTypeAhead";
+  TypeAheadAvailableNodes["QUICK_INSERT"] = "quickInsertTypeAhead";
+})(TypeAheadAvailableNodes || (exports.TypeAheadAvailableNodes = TypeAheadAvailableNodes = {}));
+
+var SelectItemMode;
+exports.SelectItemMode = SelectItemMode;
+
+(function (SelectItemMode) {
+  SelectItemMode["SHIFT_ENTER"] = "shift-enter";
+  SelectItemMode["ENTER"] = "enter";
+  SelectItemMode["SPACE"] = "space";
+  SelectItemMode["SELECTED"] = "selected";
+  SelectItemMode["TAB"] = "tab";
+})(SelectItemMode || (exports.SelectItemMode = SelectItemMode = {}));

package/dist/cjs/ufo/experience-store.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExperienceStore = exports.RELIABILITY_INTERVAL = exports.EditorExperience = exports.experienceConfig = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _ufo = require("@atlaskit/ufo");
+
+var experienceConfig = {
+  type: _ufo.ExperienceTypes.Operation,
+  performanceType: _ufo.ExperiencePerformanceTypes.Custom,
+  platform: {
+    component: 'editor'
+  }
+};
+exports.experienceConfig = experienceConfig;
+var EditorExperience;
+exports.EditorExperience = EditorExperience;
+
+(function (EditorExperience) {
+  EditorExperience["loadEditor"] = "load";
+  EditorExperience["typing"] = "type";
+  EditorExperience["interaction"] = "interact";
+})(EditorExperience || (exports.EditorExperience = EditorExperience = {}));
+
+var RELIABILITY_INTERVAL = 30000;
+exports.RELIABILITY_INTERVAL = RELIABILITY_INTERVAL;
+
+var ExperienceStore = /*#__PURE__*/function () {
+  function ExperienceStore() {
+    (0, _classCallCheck2.default)(this, ExperienceStore);
+    this.experiences = new Map();
+
+    for (var _i = 0, _Object$values = Object.values(EditorExperience); _i < _Object$values.length; _i++) {
+      var experienceId = _Object$values[_i];
+      var experience = new _ufo.UFOExperience(experienceId, experienceConfig);
+      this.experiences.set(experienceId, experience);
+    }
+  }
+
+  (0, _createClass2.default)(ExperienceStore, [{
+    key: "get",
+    value: function get(experienceId) {
+      return this.experiences.get(experienceId);
+    }
+  }, {
+    key: "getActive",
+    value: function getActive(experienceId) {
+      var experience = this.experiences.get(experienceId);
+
+      if (!(experience !== null && experience !== void 0 && experience.state.final)) {
+        return experience;
+      }
+    }
+  }, {
+    key: "getAll",
+    value: function getAll() {
+      return Array.from(this.experiences.values());
+    }
+  }, {
+    key: "start",
+    value: function start(experienceId, startTime) {
+      var _this$get;
+
+      (_this$get = this.get(experienceId)) === null || _this$get === void 0 ? void 0 : _this$get.start(startTime);
+    }
+  }, {
+    key: "addMetadata",
+    value: function addMetadata(experienceId, metadata) {
+      var _this$get2;
+
+      (_this$get2 = this.get(experienceId)) === null || _this$get2 === void 0 ? void 0 : _this$get2.addMetadata(metadata);
+    }
+  }, {
+    key: "mark",
+    value: function mark(experienceId, _mark, value) {
+      var _this$get3;
+
+      (_this$get3 = this.get(experienceId)) === null || _this$get3 === void 0 ? void 0 : _this$get3.mark(_mark, value);
+    }
+  }, {
+    key: "success",
+    value: function success(experienceId, metadata) {
+      var _this$getActive;
+
+      (_this$getActive = this.getActive(experienceId)) === null || _this$getActive === void 0 ? void 0 : _this$getActive.success({
+        metadata: metadata
+      });
+    }
+  }, {
+    key: "fail",
+    value: function fail(experienceId, metadata) {
+      var _this$getActive2;
+
+      (_this$getActive2 = this.getActive(experienceId)) === null || _this$getActive2 === void 0 ? void 0 : _this$getActive2.failure({
+        metadata: metadata
+      });
+    }
+  }, {
+    key: "abort",
+    value: function abort(experienceId, metadata) {
+      var _this = this;
+
+      // We add this wait in here because when React catches an error it unmounts the component
+      // before the error boundary's componentDidCatch is called
+      // In this case we want to fail the experience, but without this wait, abort is called first
+      setTimeout(function () {
+        var _this$getActive3;
+
+        (_this$getActive3 = _this.getActive(experienceId)) === null || _this$getActive3 === void 0 ? void 0 : _this$getActive3.abort({
+          metadata: metadata
+        });
+      }, 0);
+    }
+  }, {
+    key: "abortAll",
+    value: function abortAll(metadata) {
+      var _this2 = this;
+
+      this.experiences.forEach(function (experience) {
+        _this2.abort(experience.id, metadata);
+      });
+    }
+  }, {
+    key: "failAll",
+    value: function failAll(metadata) {
+      var _this3 = this;
+
+      this.experiences.forEach(function (experience) {
+        _this3.fail(experience.id, metadata);
+      });
+    }
+  }], [{
+    key: "getInstance",
+    value: function getInstance(view) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      if (!this.stores.get(view) || options !== null && options !== void 0 && options.forceNewInstance) {
+        var store = new ExperienceStore();
+        this.stores.set(view, store);
+      }
+
+      return this.stores.get(view);
+    }
+  }]);
+  return ExperienceStore;
+}();
+
+exports.ExperienceStore = ExperienceStore;
+(0, _defineProperty2.default)(ExperienceStore, "stores", new WeakMap());

package/dist/cjs/ufo/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ExperienceStore", {
+  enumerable: true,
+  get: function get() {
+    return _experienceStore.ExperienceStore;
+  }
+});
+Object.defineProperty(exports, "EditorExperience", {
+  enumerable: true,
+  get: function get() {
+    return _experienceStore.EditorExperience;
+  }
+});
+Object.defineProperty(exports, "RELIABILITY_INTERVAL", {
+  enumerable: true,
+  get: function get() {
+    return _experienceStore.RELIABILITY_INTERVAL;
+  }
+});
+
+var _experienceStore = require("./experience-store");

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

@@ -21,8 +21,6 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _math = require("@atlaskit/theme/math");
-
 var _typography = require("@atlaskit/theme/typography");
 
 var _templateObject, _templateObject2;
@@ -37,7 +35,7 @@ var Message = _styledComponents.default.div(_templateObject || (_templateObject
   }
 
   return _colors.N200;
-}, (0, _math.multiply)(_constants.gridSize, 0.5));
+}, (0, _constants.gridSize)() / 2);
 
 var IconWrapper = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-right: 4px;\n"])));