@atlaskit/editor-common 89.1.3 → 89.2.1

package/dist/esm/i18n/ko.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': '배경색',
   'fabric.editor.blockCardUnavailable': '인라인 링크는 {node} 내부에 있으며 보기를 변경할 수 없습니다',
   'fabric.editor.blockControlDragHandleUsageInfo': '끌어서 이동',
+  'fabric.editor.blockControlInsert': '삽입',
   'fabric.editor.blockControlMoveDown': '아래로 이동',
   'fabric.editor.blockControlMoveUp': '위로 이동',
   'fabric.editor.blockControlMovedDown': '콘텐츠를 아래로 이동했습니다',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': '링크의 이미지',
   'fabric.editor.insertMediaFromUrlDescription': '링크에서 이미지 또는 동영상을 추가하세요',
   'fabric.editor.insertMenu': '요소 삽입',
+  'fabric.editor.insertRightRail.close': '닫기',
+  'fabric.editor.insertRightRail.title': '삽입',
   'fabric.editor.insertRow': '아래에 행 삽입',
   'fabric.editor.insertRowDrag': '행 삽입',
   'fabric.editor.insertTableColumn': '표 열 삽입',

package/dist/esm/i18n/nb.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Bakgrunnsfarge',
   'fabric.editor.blockCardUnavailable': 'Den innebygde koblingen er inne i {node}, og visningen kan ikke endres',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Dra for å flytte',
+  'fabric.editor.blockControlInsert': 'Sett inn',
   'fabric.editor.blockControlMoveDown': 'Flytt ned',
   'fabric.editor.blockControlMoveUp': 'Flytt opp',
   'fabric.editor.blockControlMovedDown': 'Innholdet er flyttet nedover',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Bilde fra kobling',
   'fabric.editor.insertMediaFromUrlDescription': 'Legg til et bilde eller en video fra en kobling',
   'fabric.editor.insertMenu': 'Sett inn elementer',
+  'fabric.editor.insertRightRail.close': 'Lukk',
+  'fabric.editor.insertRightRail.title': 'Sett inn',
   'fabric.editor.insertRow': 'Sett inn rad under',
   'fabric.editor.insertRowDrag': 'Sett inn rad',
   'fabric.editor.insertTableColumn': 'Sett inn tabellkolonne',

package/dist/esm/i18n/nl.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Achtergrondkleur',
   'fabric.editor.blockCardUnavailable': 'De inline-link zit in {node} en de weergave ervan kan niet gewijzigd worden',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Sleep om te verplaatsen',
+  'fabric.editor.blockControlInsert': 'Invoegen',
   'fabric.editor.blockControlMoveDown': 'Verplaats naar beneden',
   'fabric.editor.blockControlMoveUp': 'Verplaats naar boven',
   'fabric.editor.blockControlMovedDown': 'Inhoud is naar beneden verplaatst',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Afbeelding vanaf een link',
   'fabric.editor.insertMediaFromUrlDescription': 'Voeg een afbeelding of video toe vanaf een link',
   'fabric.editor.insertMenu': 'Elementen invoegen',
+  'fabric.editor.insertRightRail.close': 'Sluiten',
+  'fabric.editor.insertRightRail.title': 'Invoegen',
   'fabric.editor.insertRow': 'Rij onder invoegen',
   'fabric.editor.insertRowDrag': 'Voeg rij in',
   'fabric.editor.insertTableColumn': 'Tabelkolom invoegen',

package/dist/esm/i18n/pl.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Kolor tła',
   'fabric.editor.blockCardUnavailable': 'Łącze bezpośrednio w tekście jest wewnątrz węzła {node} i nie można zmienić jego widoku',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Przeciągnij, aby przenieść',
+  'fabric.editor.blockControlInsert': 'Wstaw',
   'fabric.editor.blockControlMoveDown': 'Przenieś niżej',
   'fabric.editor.blockControlMoveUp': 'Przenieś wyżej',
   'fabric.editor.blockControlMovedDown': 'Zawartość została przeniesiona w dół',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Obraz z łącza',
   'fabric.editor.insertMediaFromUrlDescription': 'Dodaj obraz lub film z łącza',
   'fabric.editor.insertMenu': 'Wstaw elementy',
+  'fabric.editor.insertRightRail.close': 'Zamknij',
+  'fabric.editor.insertRightRail.title': 'Wstaw',
   'fabric.editor.insertRow': 'Wstaw wiersz poniżej',
   'fabric.editor.insertRowDrag': 'Wstaw wiersz',
   'fabric.editor.insertTableColumn': 'Wstaw kolumnę tabeli',

package/dist/esm/i18n/pt_BR.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Cor do plano de fundo',
   'fabric.editor.blockCardUnavailable': 'O link em linha está em {node}, e sua exibição não pode ser alterada',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Arraste para mover',
+  'fabric.editor.blockControlInsert': 'Inserir',
   'fabric.editor.blockControlMoveDown': 'Mover para baixo',
   'fabric.editor.blockControlMoveUp': 'Mover para cima',
   'fabric.editor.blockControlMovedDown': 'O conteúdo foi movido para baixo',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Imagem do link',
   'fabric.editor.insertMediaFromUrlDescription': 'Adicione uma imagem ou vídeo com um link',
   'fabric.editor.insertMenu': 'Inserir elementos',
+  'fabric.editor.insertRightRail.close': 'Fechar',
+  'fabric.editor.insertRightRail.title': 'Inserir',
   'fabric.editor.insertRow': 'Inserir linha abaixo',
   'fabric.editor.insertRowDrag': 'Inserir linha',
   'fabric.editor.insertTableColumn': 'Inserir coluna na tabela',

package/dist/esm/i18n/ru.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Цвет фона',
   'fabric.editor.blockCardUnavailable': 'Встроенная ссылка находится внутри узла {node} — нельзя изменить представление',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Перетаскивайте, чтобы переместить',
+  'fabric.editor.blockControlInsert': 'Вставить',
   'fabric.editor.blockControlMoveDown': 'Переместить блок вниз',
   'fabric.editor.blockControlMoveUp': 'Переместить блок вверх',
   'fabric.editor.blockControlMovedDown': 'Контент перемещен вниз',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Изображение по ссылке',
   'fabric.editor.insertMediaFromUrlDescription': 'Добавить изображение или видео по ссылке',
   'fabric.editor.insertMenu': 'Вставить элементы',
+  'fabric.editor.insertRightRail.close': 'Закрыть',
+  'fabric.editor.insertRightRail.title': 'Вставить',
   'fabric.editor.insertRow': 'Вставить строку ниже',
   'fabric.editor.insertRowDrag': 'Вставить строку',
   'fabric.editor.insertTableColumn': 'Вставить столбец таблицы',

package/dist/esm/i18n/sv.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Bakgrundsfärg',
   'fabric.editor.blockCardUnavailable': 'Inlinelänken är inuti {node} och det går inte att byta dess vy',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Dra för att flytta',
+  'fabric.editor.blockControlInsert': 'Infoga',
   'fabric.editor.blockControlMoveDown': 'Flytta ner',
   'fabric.editor.blockControlMoveUp': 'Flytta upp',
   'fabric.editor.blockControlMovedDown': 'Innehållet har flyttats ner',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Bild från länk',
   'fabric.editor.insertMediaFromUrlDescription': 'Lägg till en bild eller video från en länk',
   'fabric.editor.insertMenu': 'Infoga element',
+  'fabric.editor.insertRightRail.close': 'Stäng',
+  'fabric.editor.insertRightRail.title': 'Infoga',
   'fabric.editor.insertRow': 'Infoga rad nedanför',
   'fabric.editor.insertRowDrag': 'Infoga rad',
   'fabric.editor.insertTableColumn': 'Infoga tabellkolumn',

package/dist/esm/i18n/th.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'สีพื้นหลัง',
   'fabric.editor.blockCardUnavailable': 'ลิงก์ในบรรทัดเดียวกันจะอยู่ภายใน {node} และไม่สามารถเปลี่ยนแปลงมุมมองได้',
   'fabric.editor.blockControlDragHandleUsageInfo': 'ลากเพื่อย้าย',
+  'fabric.editor.blockControlInsert': 'แทรก',
   'fabric.editor.blockControlMoveDown': 'เลื่อนลง',
   'fabric.editor.blockControlMoveUp': 'เลื่อนขึ้น',
   'fabric.editor.blockControlMovedDown': 'มีการย้ายเนื้อหาลงแล้ว',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'รูปภาพจากลิงก์',
   'fabric.editor.insertMediaFromUrlDescription': 'เพิ่มรูปภาพหรือวิดีโอจากลิงก์',
   'fabric.editor.insertMenu': 'แทรกองค์ประกอบ',
+  'fabric.editor.insertRightRail.close': 'ปิด',
+  'fabric.editor.insertRightRail.title': 'แทรก',
   'fabric.editor.insertRow': 'แทรกแถวด้านล่าง',
   'fabric.editor.insertRowDrag': 'แทรกแถว',
   'fabric.editor.insertTableColumn': 'แทรกคอลัมน์ตาราง',

package/dist/esm/i18n/tr.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Arkaplan rengi',
   'fabric.editor.blockCardUnavailable': 'Satır içi bağlantı {node} düğümündedir ve görüntüsü değiştirilemez',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Taşımak için sürükleyin',
+  'fabric.editor.blockControlInsert': 'Ekle',
   'fabric.editor.blockControlMoveDown': 'Aşağı taşı',
   'fabric.editor.blockControlMoveUp': 'Yukarı taşı',
   'fabric.editor.blockControlMovedDown': 'İçerik aşağıya taşındı',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Bağlantıdaki görüntü',
   'fabric.editor.insertMediaFromUrlDescription': 'Bağlantıdan görsel veya video ekleyin',
   'fabric.editor.insertMenu': 'Öğe ekleyin',
+  'fabric.editor.insertRightRail.close': 'Kapat',
+  'fabric.editor.insertRightRail.title': 'Ekle',
   'fabric.editor.insertRow': 'Aşağıya satır ekle',
   'fabric.editor.insertRowDrag': 'Satır ekle',
   'fabric.editor.insertTableColumn': 'Tablo sütunu ekle',

package/dist/esm/i18n/uk.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Колір фону',
   'fabric.editor.blockCardUnavailable': 'Вбудоване посилання знаходиться у вузлі {node}, тому змінити подання не можна',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Перетягніть, щоб змінити порядок',
+  'fabric.editor.blockControlInsert': 'Вставити',
   'fabric.editor.blockControlMoveDown': 'Перемістити вниз',
   'fabric.editor.blockControlMoveUp': 'Перемістити вверх',
   'fabric.editor.blockControlMovedDown': 'Вміст було переміщено вниз',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Зображення за посиланням',
   'fabric.editor.insertMediaFromUrlDescription': 'Додайте зображення або відео за посиланням',
   'fabric.editor.insertMenu': 'Вставка елементів',
+  'fabric.editor.insertRightRail.close': 'Закрити',
+  'fabric.editor.insertRightRail.title': 'Вставити',
   'fabric.editor.insertRow': 'Вставити рядок знизу',
   'fabric.editor.insertRowDrag': 'Вставити рядок',
   'fabric.editor.insertTableColumn': 'Вставити стовпець таблиці',

package/dist/esm/i18n/vi.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': 'Màu nền',
   'fabric.editor.blockCardUnavailable': 'Liên kết nội tuyến nằm trong {node} và không thể thay đổi chế độ xem liên kết',
   'fabric.editor.blockControlDragHandleUsageInfo': 'Kéo để di chuyển',
+  'fabric.editor.blockControlInsert': 'Chèn',
   'fabric.editor.blockControlMoveDown': 'Di chuyển xuống',
   'fabric.editor.blockControlMoveUp': 'Di chuyển lên',
   'fabric.editor.blockControlMovedDown': 'Nội dung đã được chuyển xuống',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': 'Hình ảnh từ liên kết',
   'fabric.editor.insertMediaFromUrlDescription': 'Thêm hình ảnh hoặc video từ một liên kết',
   'fabric.editor.insertMenu': 'Chèn thành phần',
+  'fabric.editor.insertRightRail.close': 'Đóng',
+  'fabric.editor.insertRightRail.title': 'Chèn',
   'fabric.editor.insertRow': 'Chèn hàng ở bên dưới',
   'fabric.editor.insertRowDrag': 'Chèn hàng',
   'fabric.editor.insertTableColumn': 'Chèn cột bảng',

package/dist/esm/i18n/zh.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': '背景颜色',
   'fabric.editor.blockCardUnavailable': '内联链接位于 {node} 内部，无法更改其视图',
   'fabric.editor.blockControlDragHandleUsageInfo': '拖动以移动',
+  'fabric.editor.blockControlInsert': '插入',
   'fabric.editor.blockControlMoveDown': '下移',
   'fabric.editor.blockControlMoveUp': '上移',
   'fabric.editor.blockControlMovedDown': '内容已下移',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': '来自链接的图像',
   'fabric.editor.insertMediaFromUrlDescription': '添加来自链接的图像或视频',
   'fabric.editor.insertMenu': '插入元素',
+  'fabric.editor.insertRightRail.close': '关闭',
+  'fabric.editor.insertRightRail.title': '插入',
   'fabric.editor.insertRow': '在下方插入行',
   'fabric.editor.insertRowDrag': '插入行',
   'fabric.editor.insertTableColumn': '插入表格列',

package/dist/esm/i18n/zh_TW.js

@@ -36,6 +36,7 @@ export default {
   'fabric.editor.backgroundColor': '背景顏色',
   'fabric.editor.blockCardUnavailable': '內嵌連結位於 {node} 內，無法變更其檢視',
   'fabric.editor.blockControlDragHandleUsageInfo': '拖曳即可移動',
+  'fabric.editor.blockControlInsert': '插入',
   'fabric.editor.blockControlMoveDown': '向下移動',
   'fabric.editor.blockControlMoveUp': '向上移動',
   'fabric.editor.blockControlMovedDown': '內容已向下移動',
@@ -272,6 +273,8 @@ export default {
   'fabric.editor.insertMediaFromUrl': '圖片來源連結',
   'fabric.editor.insertMediaFromUrlDescription': '透過連結新增圖片或影片',
   'fabric.editor.insertMenu': '插入元素',
+  'fabric.editor.insertRightRail.close': '關閉',
+  'fabric.editor.insertRightRail.title': '插入',
   'fabric.editor.insertRow': '在下方插入列',
   'fabric.editor.insertRowDrag': '插入列',
   'fabric.editor.insertTableColumn': '插入表格欄',

package/dist/esm/icons/shared/DynamicStrokeIconDecoration.js

@@ -9,7 +9,7 @@ var barStyles = css({
   position: 'absolute',
   left: 0,
   right: 0,
-  top: "var(--ds-space-250, 20px)",
+  top: '18px',
   margin: 'auto',
   width: "var(--ds-space-200, 16px)",
   height: '3px'

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "89.1.3";
+var packageVersion = "89.2.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -22,7 +22,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "89.1.3";
+var packageVersion = "89.2.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -9,14 +9,14 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent } from 'react';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-// @deprecated - use Emoji from editor-plugin-emoji
-var EmojiNode = /*#__PURE__*/function (_PureComponent) {
-  _inherits(EmojiNode, _PureComponent);
-  var _super = _createSuper(EmojiNode);
-  function EmojiNode(props) {
+var EmojiNodeClass = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EmojiNodeClass, _PureComponent);
+  var _super = _createSuper(EmojiNodeClass);
+  function EmojiNodeClass(props) {
     var _this;
-    _classCallCheck(this, EmojiNode);
+    _classCallCheck(this, EmojiNodeClass);
     _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "renderWithProvider", function (providers) {
       var _resourceConfig$optim;
@@ -59,7 +59,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
     _this.providerFactory = props.providers || new ProviderFactory();
     return _this;
   }
-  _createClass(EmojiNode, [{
+  _createClass(EmojiNodeClass, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (!this.props.providers) {
@@ -78,10 +78,56 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-  return EmojiNode;
+  return EmojiNodeClass;
 }(PureComponent);
-_defineProperty(EmojiNode, "displayName", 'EmojiNode');
-_defineProperty(EmojiNode, "defaultProps", {
+_defineProperty(EmojiNodeClass, "displayName", 'EmojiNode');
+_defineProperty(EmojiNodeClass, "defaultProps", {
   showTooltip: true
 });
-export { EmojiNode as default };
+var EmojiNodeFunctional = function EmojiNodeFunctional(props) {
+  var _resourceConfig$optim2;
+  var allowTextFallback = props.allowTextFallback,
+    shortName = props.shortName,
+    id = props.id,
+    fallback = props.fallback,
+    fitToHeight = props.fitToHeight,
+    showTooltip = props.showTooltip,
+    resourceConfig = props.resourceConfig,
+    emojiProvider = props.emojiProvider;
+  if (allowTextFallback && !emojiProvider) {
+    return /*#__PURE__*/React.createElement("span", {
+      "data-emoji-id": id,
+      "data-emoji-short-name": shortName,
+      "data-emoji-text": fallback || shortName
+    }, fallback || shortName);
+  }
+  if (!emojiProvider) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ResourcedEmoji, {
+    emojiId: {
+      id: id,
+      fallback: fallback,
+      shortName: shortName
+    },
+    emojiProvider: Promise.resolve(emojiProvider),
+    showTooltip: showTooltip,
+    fitToHeight: fitToHeight,
+    optimistic: true,
+    optimisticImageURL: resourceConfig === null || resourceConfig === void 0 || (_resourceConfig$optim2 = resourceConfig.optimisticImageApi) === null || _resourceConfig$optim2 === void 0 ? void 0 : _resourceConfig$optim2.getUrl({
+      id: id,
+      fallback: fallback,
+      shortName: shortName
+    }),
+    editorEmoji: true
+  });
+};
+var EmojiNode = function EmojiNode(props) {
+  if (fg('platform_editor_get_emoji_provider_from_config')) {
+    if (props.emojiProvider) {
+      return /*#__PURE__*/React.createElement(EmojiNodeFunctional, props);
+    }
+  }
+  return /*#__PURE__*/React.createElement(EmojiNodeClass, props);
+};
+export default EmojiNode;

package/dist/esm/ui/MediaSingle/styled.js

@@ -201,7 +201,7 @@ var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export var mediaWrapperStyle = function mediaWrapperStyle(props) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_insert_media_plugin_phase_one is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tposition: relative;\n\n\t", "\n\n\t/* Editor */\n  & > figure {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t// Comments on media project adds comment badge as child of the media wrapper,\n\t// thus we need to exclude it so that style is applied to intended div\n\t// remove [data-comment-badge='true'] when ff platform_editor_add_media_from_url is cleaned up\n\t& > div:not([data-comment-badge='true'], [data-media-badges='true']) {\n\t\tposition: ", ";\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t& * [data-mark-annotation-type='inlineComment'] {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&[data-node-type='embedCard'] > div {\n\t\twidth: 100%;\n\t}\n\n\t/* Renderer */\n\t[data-node-type='media'] {\n\t\tposition: static !important;\n\n\t\t> div {\n\t\t\tposition: absolute;\n\t\t\theight: 100%;\n\t\t}\n\t}\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
 };
 export var MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;

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

@@ -34,6 +34,7 @@ declare const _default: {
     'fabric.editor.backgroundColor': string;
     'fabric.editor.blockCardUnavailable': string;
     'fabric.editor.blockControlDragHandleUsageInfo': string;
+    'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
@@ -270,6 +271,8 @@ declare const _default: {
     'fabric.editor.insertMediaFromUrl': string;
     'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
+    'fabric.editor.insertRightRail.close': string;
+    'fabric.editor.insertRightRail.title': string;
     'fabric.editor.insertRow': string;
     'fabric.editor.insertRowDrag': string;
     'fabric.editor.insertTableColumn': string;