@atlaskit/editor-common 59.1.0 → 60.3.0

package/dist/cjs/utils/browser.js

@@ -13,7 +13,10 @@ var result = {
   chrome_version: 0,
   android: false,
   ios: false,
-  webkit: false
+  webkit: false,
+  safari: false,
+  supportsIntersectionObserver: false,
+  supportsResizeObserver: false
 };
 
 if (typeof navigator !== 'undefined') {
@@ -29,6 +32,9 @@ if (typeof navigator !== 'undefined') {
   result.android = /Android \d/.test(navigator.userAgent);
   result.ios = !ie && /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
   result.webkit = !ie && !!document.documentElement && 'WebkitAppearance' in document.documentElement.style;
+  result.safari = Boolean(navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && navigator.userAgent.indexOf('CriOS') === -1 && navigator.userAgent.indexOf('FxiOS') === -1);
+  result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
+  result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
 }
 
 var _default = result;

package/dist/cjs/utils/index.js

@@ -335,6 +335,12 @@ Object.defineProperty(exports, "sniffUserBrowserExtensions", {
     return _browserExtensions.sniffUserBrowserExtensions;
   }
 });
+Object.defineProperty(exports, "RenderCountProfiler", {
+  enumerable: true,
+  get: function get() {
+    return _renderCount.RenderCountProfiler;
+  }
+});
 
 var _annotation = require("./annotation");
 
@@ -382,4 +388,6 @@ var _shouldForceTracking = require("./should-force-tracking");
 
 var _getModeFromTheme = require("./getModeFromTheme");
 
-var _browserExtensions = require("./browser-extensions");
+var _browserExtensions = require("./browser-extensions");
+
+var _renderCount = require("./profiler/render-count");

package/dist/cjs/utils/profiler/render-count.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RenderCountProfiler = exports.PROFILER_KEY = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var PROFILER_KEY = '__editorRenderCountProfiler';
+exports.PROFILER_KEY = PROFILER_KEY;
+
+var RenderCountProfiler = /*#__PURE__*/function () {
+  /**
+   * The singleton/cached instance of RenderCountProfiler that will be shared
+   * betweenRenderCountProfiler.getInstance() calls
+   */
+  function RenderCountProfiler(_ref) {
+    var store = _ref.store;
+    (0, _classCallCheck2.default)(this, RenderCountProfiler);
+    this.store = store;
+  }
+  /**
+   * Returns the singleton/cached instance of RenderCountProfiler that
+   * currently exists. If it hasn't been instantiated yet, the singleton
+   * instance will be created using the given params. Returns the latest
+   * singleton/instance.
+   */
+
+
+  (0, _createClass2.default)(RenderCountProfiler, [{
+    key: "getData",
+    value: function getData(profilerKey) {
+      var _this$store;
+
+      return (_this$store = this.store) === null || _this$store === void 0 ? void 0 : _this$store[profilerKey];
+    }
+  }, {
+    key: "enable",
+    value: function enable() {
+      this.store[PROFILER_KEY] = _objectSpread(_objectSpread({}, this.store[PROFILER_KEY]), {}, {
+        enabled: true
+      });
+    }
+  }, {
+    key: "remove",
+    value: function remove() {
+      delete this.store[PROFILER_KEY];
+    }
+  }, {
+    key: "isEnabled",
+    value: function isEnabled() {
+      var _this$store2, _this$store2$PROFILER;
+
+      return Boolean((_this$store2 = this.store) === null || _this$store2 === void 0 ? void 0 : (_this$store2$PROFILER = _this$store2[PROFILER_KEY]) === null || _this$store2$PROFILER === void 0 ? void 0 : _this$store2$PROFILER.enabled);
+    }
+  }, {
+    key: "setRenderCount",
+    value: function setRenderCount(_ref2) {
+      var componentId = _ref2.componentId,
+          renderCount = _ref2.renderCount,
+          instanceId = _ref2.instanceId;
+      var profilerData = this.store[PROFILER_KEY];
+      var instance = {
+        count: renderCount
+      };
+      var existingComponents = profilerData === null || profilerData === void 0 ? void 0 : profilerData.components;
+      var existingInstances = existingComponents === null || existingComponents === void 0 ? void 0 : existingComponents[componentId];
+
+      var updatedComponent = _objectSpread(_objectSpread({}, existingInstances), {}, (0, _defineProperty2.default)({}, instanceId, instance));
+
+      this.store[PROFILER_KEY] = _objectSpread(_objectSpread({}, profilerData), {}, {
+        components: _objectSpread(_objectSpread({}, existingComponents), {}, (0, _defineProperty2.default)({}, componentId, updatedComponent))
+      });
+    }
+  }, {
+    key: "getInstanceRenderCounters",
+    value: function getInstanceRenderCounters(_ref3) {
+      var _this$store$PROFILER_, _this$store3, _this$store3$PROFILER, _this$store3$PROFILER2;
+
+      var componentId = _ref3.componentId;
+      var component = (_this$store$PROFILER_ = (_this$store3 = this.store) === null || _this$store3 === void 0 ? void 0 : (_this$store3$PROFILER = _this$store3[PROFILER_KEY]) === null || _this$store3$PROFILER === void 0 ? void 0 : (_this$store3$PROFILER2 = _this$store3$PROFILER.components) === null || _this$store3$PROFILER2 === void 0 ? void 0 : _this$store3$PROFILER2[componentId]) !== null && _this$store$PROFILER_ !== void 0 ? _this$store$PROFILER_ : {};
+      var counters = [];
+
+      for (var _instanceId in component) {
+        var counter = {
+          instanceId: _instanceId,
+          count: component[_instanceId].count
+        };
+        counters.push(counter);
+      }
+
+      return counters;
+    }
+  }, {
+    key: "getRenderCount",
+    value: function getRenderCount(_ref4) {
+      var _this$store$PROFILER_2, _this$store4, _this$store4$PROFILER, _this$store4$PROFILER2;
+
+      var componentId = _ref4.componentId;
+      var component = (_this$store$PROFILER_2 = (_this$store4 = this.store) === null || _this$store4 === void 0 ? void 0 : (_this$store4$PROFILER = _this$store4[PROFILER_KEY]) === null || _this$store4$PROFILER === void 0 ? void 0 : (_this$store4$PROFILER2 = _this$store4$PROFILER.components) === null || _this$store4$PROFILER2 === void 0 ? void 0 : _this$store4$PROFILER2[componentId]) !== null && _this$store$PROFILER_2 !== void 0 ? _this$store$PROFILER_2 : {};
+      var total = 0;
+
+      for (var _instanceId2 in component) {
+        total += component[_instanceId2].count;
+      }
+
+      return total;
+    }
+  }], [{
+    key: "getInstance",
+    value: function getInstance(params) {
+      if (!RenderCountProfiler.instance) {
+        RenderCountProfiler.instance = new RenderCountProfiler({
+          store: params.store
+        });
+      }
+
+      return RenderCountProfiler.instance;
+    }
+  }]);
+  return RenderCountProfiler;
+}();
+
+exports.RenderCountProfiler = RenderCountProfiler;

package/dist/cjs/utils/validator.js

@@ -387,21 +387,44 @@ var getValidNode = function getValidNode(originalNode) {
           break;
         }
 
-      case 'media':
+      case 'mediaInline':
         {
           var mediaId = '';
-          var mediaType = '';
           var mediaCollection = [];
-          var mediaUrl = '';
 
           if (attrs) {
             var id = attrs.id,
-                collection = attrs.collection,
+                collection = attrs.collection;
+            mediaId = id;
+            mediaCollection = collection;
+          }
+
+          if (mediaId && mediaCollection && adfStage === 'stage0') {
+            return {
+              type: type,
+              attrs: attrs,
+              marks: marks
+            };
+          }
+
+          break;
+        }
+
+      case 'media':
+        {
+          var _mediaId = '';
+          var mediaType = '';
+          var _mediaCollection = [];
+          var mediaUrl = '';
+
+          if (attrs) {
+            var _id = attrs.id,
+                _collection = attrs.collection,
                 _type = attrs.type,
                 url = attrs.url;
-            mediaId = id;
+            _mediaId = _id;
             mediaType = _type;
-            mediaCollection = collection;
+            _mediaCollection = _collection;
             mediaUrl = url;
           }
 
@@ -421,11 +444,11 @@ var getValidNode = function getValidNode(originalNode) {
               type: type,
               attrs: mediaAttrs
             };
-          } else if (mediaId && mediaType) {
+          } else if (_mediaId && mediaType) {
             var _mediaAttrs = {
               type: mediaType,
-              id: mediaId,
-              collection: mediaCollection
+              id: _mediaId,
+              collection: _mediaCollection
             };
 
             if (attrs.width) {
@@ -494,10 +517,10 @@ var getValidNode = function getValidNode(originalNode) {
           if (attrs) {
             var _text = attrs.text,
                 displayName = attrs.displayName,
-                _id = attrs.id,
+                _id2 = attrs.id,
                 accessLevel = attrs.accessLevel;
             mentionText = _text || displayName;
-            mentionId = _id;
+            mentionId = _id2;
             mentionAccess = accessLevel;
           }
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "59.1.0",
+	"version": "60.3.0",
 	"sideEffects": false
 }

package/dist/es2019/i18n/cs.js

@@ -6,6 +6,7 @@
  */
 // Czech
 export 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/es2019/i18n/da.js

@@ -6,6 +6,7 @@
  */
 // Danish
 export 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/es2019/i18n/de.js

@@ -6,6 +6,7 @@
  */
 // German
 export 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/es2019/i18n/es.js

@@ -6,6 +6,7 @@
  */
 // Spanish
 export 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/es2019/i18n/fi.js

@@ -6,6 +6,7 @@
  */
 // Finnish
 export 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/es2019/i18n/fr.js

@@ -6,6 +6,7 @@
  */
 // French
 export 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/es2019/i18n/hu.js

@@ -6,6 +6,7 @@
  */
 // Hungarian
 export 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/es2019/i18n/it.js

@@ -6,6 +6,7 @@
  */
 // Italian
 export 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/es2019/i18n/ja.js

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

package/dist/es2019/i18n/ko.js

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

package/dist/es2019/i18n/nb.js

@@ -6,6 +6,7 @@
  */
 // Norwegian Bokmål
 export 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/es2019/i18n/nl.js

@@ -6,6 +6,7 @@
  */
 // Dutch
 export 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/es2019/i18n/pl.js

@@ -6,6 +6,7 @@
  */
 // Polish
 export 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/es2019/i18n/pt_BR.js

@@ -6,6 +6,7 @@
  */
 // Portuguese (Brazil)
 export 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/es2019/i18n/ru.js

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

package/dist/es2019/i18n/sv.js

@@ -6,6 +6,7 @@
  */
 // Swedish
 export 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/es2019/i18n/th.js

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

package/dist/es2019/i18n/tr.js

@@ -6,6 +6,7 @@
  */
 // Turkish
 export 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/es2019/i18n/uk.js

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

package/dist/es2019/i18n/vi.js

@@ -6,6 +6,7 @@
  */
 // Vietnamese
 export 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/es2019/i18n/zh.js

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

package/dist/es2019/i18n/zh_TW.js

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

package/dist/es2019/index.js

@@ -1,4 +1,4 @@
-export { ADFTraversor, ErrorReporter, ZERO_WIDTH_SPACE, absoluteBreakoutWidth, browser, calcBreakoutWidth, breakoutConsts, calcTableColumnWidths, calcWideWidth, clearMeasure, compose, convertProsemirrorTableNodeToArrayOfRows, createCompareNodes, findAndTrackUnsupportedContentNodes, getAnalyticsAppearance, analyticsEventKey, getAnalyticsEventSeverity, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, getExtensionLozengeData, getExtensionRenderer, getMarksByOrder, getModeFromTheme, getResponseEndTime, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, hasMergedCell, isPastDate, isPerformanceAPIAvailable, isPerformanceObserverAvailable, isSameMark, isSubSupType, markOrder, measureRender, startMeasure, stopMeasure, measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC, withImageLoader, canApplyAnnotationOnRange, getAnnotationIdsFromRange, SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, shouldForceTracking, sniffUserBrowserExtensions } from './utils';
+export { ADFTraversor, ErrorReporter, ZERO_WIDTH_SPACE, absoluteBreakoutWidth, browser, calcBreakoutWidth, breakoutConsts, calcTableColumnWidths, calcWideWidth, clearMeasure, compose, convertProsemirrorTableNodeToArrayOfRows, createCompareNodes, findAndTrackUnsupportedContentNodes, getAnalyticsAppearance, analyticsEventKey, getAnalyticsEventSeverity, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, getExtensionLozengeData, getExtensionRenderer, getMarksByOrder, getModeFromTheme, getResponseEndTime, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, hasMergedCell, isPastDate, isPerformanceAPIAvailable, isPerformanceObserverAvailable, isSameMark, isSubSupType, markOrder, measureRender, startMeasure, stopMeasure, measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC, withImageLoader, canApplyAnnotationOnRange, getAnnotationIdsFromRange, SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, shouldForceTracking, sniffUserBrowserExtensions, RenderCountProfiler } from './utils';
 export { SortOrder, AnnotationUpdateEmitter, AnnotationUpdateEvent } from './types';
 export { DefaultExtensionProvider, combineExtensionProviders, getExtensionKeyAndNodeKey, getExtensionModuleNode, getExtensionModuleNodePrivateProps, getQuickInsertItemsFromModule, getNodeRenderer, getContextualToolbarItemsFromModule, buildMenuItem, resolveImport } from './extensions';
 export { ProviderFactory, WithProviders } from './provider-factory';

package/dist/es2019/messages/codeBidiWarning.js

@@ -0,0 +1,12 @@
+import { defineMessages } from 'react-intl';
+export const codeBidiWarningMessages = 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.'
+  }
+});

package/dist/es2019/messages/index.js

@@ -1,2 +1,3 @@
+export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
 export { unsupportedContentMessages } from './unsupportedContent';

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

@@ -1,6 +1,8 @@
 import { css } from 'styled-components';
 import { hexToRgba, PanelType } from '@atlaskit/adf-schema';
 import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
+import { emojiImage, emojiSprite } from '@atlaskit/emoji';
 import * as colors from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
@@ -53,6 +55,7 @@ const darkTextColor = {
   warning: colors.Y75,
   error: colors.R75
 };
+const verticalAlignment = -((gridSize() * 3 - akEditorCustomIconSize) / 2);
 const prefix = 'ak-editor-panel';
 export const PanelSharedCssClassName = {
   prefix,
@@ -67,7 +70,12 @@ export const PanelSharedSelectors = {
   successPanel: `.${prefix}[data-panel-type=${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`
 };
 
 const iconDynamicStyles = panelType => props => {
@@ -118,24 +126,33 @@ export const panelSharedStyles = css`
     padding: ${gridSize()}px;
     min-width: ${akEditorTableCellMinWidth}px;
     display: flex;
+    position: relative;
     align-items: baseline;
     word-break: break-word;
 
     ${mainDynamicStyles(PanelType.INFO)}
 
     .${PanelSharedCssClassName.icon} {
-      display: block;
       flex-shrink: 0;
       height: ${gridSize() * 3}px;
       width: ${gridSize() * 3}px;
       box-sizing: content-box;
       padding-right: ${gridSize()}px;
+      text-align: center;
+      user-select: none;
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
       ${iconDynamicStyles(PanelType.INFO)}
 
       > span {
         vertical-align: middle;
         display: inline;
       }
+
+      .${emojiSprite}, .${emojiImage} {
+        vertical-align: ${verticalAlignment}px;
+      }
     }
 
     .ak-editor-panel__content {

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

@@ -88,7 +88,7 @@ const tableSharedStyle = css`
         border-bottom-width: 0;
         padding: ${tableCellPadding}px;
         /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
-        ${browser.gecko || browser.ie ? 'background-clip: padding-box;' : ''}
+        ${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
 
         ${themed({
   dark: getTableCellBackgroundDarkModeColors

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

@@ -0,0 +1,17 @@
+export let TypeAheadAvailableNodes;
+
+(function (TypeAheadAvailableNodes) {
+  TypeAheadAvailableNodes["EMOJI"] = "emojiTypeAhead";
+  TypeAheadAvailableNodes["MENTION"] = "mentionTypeAhead";
+  TypeAheadAvailableNodes["QUICK_INSERT"] = "quickInsertTypeAhead";
+})(TypeAheadAvailableNodes || (TypeAheadAvailableNodes = {}));
+
+export let SelectItemMode;
+
+(function (SelectItemMode) {
+  SelectItemMode["SHIFT_ENTER"] = "shift-enter";
+  SelectItemMode["ENTER"] = "enter";
+  SelectItemMode["SPACE"] = "space";
+  SelectItemMode["SELECTED"] = "selected";
+  SelectItemMode["TAB"] = "tab";
+})(SelectItemMode || (SelectItemMode = {}));