@atlaskit/editor-common 87.9.1 → 87.10.1

package/dist/es2019/i18n/tr.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Taşımak için sürükleyin',
   'fabric.editor.blockControlMoveDown': 'Aşağı taşı',
   'fabric.editor.blockControlMoveUp': 'Yukarı taşı',
+  'fabric.editor.blockControlMovedDown': 'İçerik aşağıya taşındı',
+  'fabric.editor.blockControlMovedUp': 'İçerik yukarıya taşındı',
   'fabric.editor.blockDescription': 'Bağlantı hakkında özet ve işlemler de dahil olmak üzere daha fazla bilgi gösterir',
   'fabric.editor.blockTitle': 'Kart',
   'fabric.editor.blockquote': 'alıntı',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Otomatik tamamlama sonuçları kullanılabilir olduğunda incelemek için yukarı ve aşağı ok tuşlarına, seçmek için Enter tuşuna basın. Dokunmatik cihaz kullanıcısıysanız dokunun veya kaydırma hareketlerini kullanın.',
   'fabric.editor.insertColumn': 'Sağa sütun ekle',
   'fabric.editor.insertColumnDrag': 'Sütun ekle',
+  '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.insertRow': 'Aşağıya satır ekle',
   'fabric.editor.insertRowDrag': 'Satır ekle',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Diğerleri...',
   'fabric.editor.outdent': 'Girintiyi azalt',
   'fabric.editor.pageActionsLabel': 'Sayfa işlemleri',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Arkaplan rengi',
   'fabric.editor.panel.emoji': 'Emoji ekle',
   'fabric.editor.panel.panelsGroup': 'Panel Türleri',
@@ -445,6 +450,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'blok düğümü',
   'fabric.editor.tooltip.nestedExpand': 'iç içe geçmiş genişletme',
   'fabric.editor.tooltip.taskList': 'eylem öğesi',
+  'fabric.editor.turnInto': 'Şuna dönüştür:',
   'fabric.editor.twoColumns': 'İki sütunlu yerleşim',
   'fabric.editor.typeAhead.popupLabel': 'Otomatik tamamlama sonuçları',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Kısayol seçeneklerini aramak ya da filtrelemek için yazmaya başlayın',

package/dist/es2019/i18n/uk.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Перетягніть, щоб змінити порядок',
   'fabric.editor.blockControlMoveDown': 'Перемістити вниз',
   'fabric.editor.blockControlMoveUp': 'Перемістити вверх',
+  'fabric.editor.blockControlMovedDown': 'Вміст було переміщено вниз',
+  'fabric.editor.blockControlMovedUp': 'Вміст було переміщено вгору',
   'fabric.editor.blockDescription': 'Показати більше інформації про посилання, у тому числі зведені дані й дії',
   'fabric.editor.blockTitle': 'Картка',
   'fabric.editor.blockquote': 'цитата',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Коли результати автозаповнення стануть доступними, перейдіть до потрібного за допомогою стрілок вгору і вниз і натисніть клавішу Enter. Користувачі сенсорних пристроїв можуть переглядати варіанти за допомогою дотиків і проведення пальцем.',
   'fabric.editor.insertColumn': 'Вставити стовпець справа',
   'fabric.editor.insertColumnDrag': 'Вставити стовпець',
+  'fabric.editor.insertMediaFromUrl': 'Зображення за посиланням',
+  'fabric.editor.insertMediaFromUrlDescription': 'Додайте зображення або відео за посиланням',
   'fabric.editor.insertMenu': 'Вставка елементів',
   'fabric.editor.insertRow': 'Вставити рядок знизу',
   'fabric.editor.insertRowDrag': 'Вставити рядок',
@@ -292,6 +296,13 @@ export default {
   'fabric.editor.media.DefaultMediaWidthDecreased': '{newMediaWidth, plural, one {Ширину мультимедіа зменшено до {newMediaWidth,number} пікселя.} few {Ширину мультимедіа зменшено до {newMediaWidth,number} пікселів.} many {Ширину мультимедіа зменшено до {newMediaWidth,number} пікселів.} other {Ширину мультимедіа зменшено до {newMediaWidth,number} пікселів.}}',
   'fabric.editor.media.DefaultMediaWidthIncreased': '{newMediaWidth, plural, one {Ширину мультимедіа збільшено до {newMediaWidth,number} пікселя.} few {Ширину мультимедіа збільшено до {newMediaWidth,number} пікселів.} many {Ширину мультимедіа збільшено до {newMediaWidth,number} пікселів.} other {Ширину мультимедіа збільшено до {newMediaWidth,number} пікселів.}}',
   'fabric.editor.media.MediaWidthIsMin': 'Об’єкт зменшено до мінімального розміру',
+  'fabric.editor.media.insert.cancel': 'Скасувати',
+  'fabric.editor.media.insert.errorMessage': 'На жаль, ми не можемо додати це посилання на зображення. Завантажте зображення, а потім перетягніть на сторінку.',
+  'fabric.editor.media.insert.insert': 'Вставити',
+  'fabric.editor.media.insert.loadPreview': 'Завантажити попередню версію',
+  'fabric.editor.media.insert.mediaAlt': 'Попередня версія переданого зображення або відеофайлу',
+  'fabric.editor.media.insert.pasteLinkToUpload': 'Вставте посилання для передавання',
+  'fabric.editor.media.insert.warning': 'Це зображення може не відображатися для інших через обмеження щодо його джерела. Спробуйте натомість передати файл.',
   'fabric.editor.media.pixelEntry.MediaWidthIsMax': 'Об’єкт збільшено до максимального розміру',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': 'введення значення висоти',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': 'Висота',
@@ -337,6 +348,7 @@ export default {
   'fabric.editor.other': 'Інше…',
   'fabric.editor.outdent': 'Зменшити відступ',
   'fabric.editor.pageActionsLabel': 'Дії на сторінці',
+  'fabric.editor.panel': 'Панель',
   'fabric.editor.panel.backgroundColor': 'Колір фону',
   'fabric.editor.panel.emoji': 'Додати емодзі',
   'fabric.editor.panel.panelsGroup': 'Типи панелей',
@@ -445,6 +457,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'вузол блокування',
   'fabric.editor.tooltip.nestedExpand': 'вкладена розгортка',
   'fabric.editor.tooltip.taskList': 'задача',
+  'fabric.editor.turnInto': 'Перетворити',
   'fabric.editor.twoColumns': 'Макет із двома стовпцями',
   'fabric.editor.typeAhead.popupLabel': 'Прогнозування результатів',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Почніть вводити текст, щоб знайти або відфільтрувати варіанти гарячих клавіш',

package/dist/es2019/i18n/vi.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Kéo để di chuyể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',
+  'fabric.editor.blockControlMovedUp': 'Nội dung đã được chuyển lên',
   'fabric.editor.blockDescription': 'Hiển thị thêm thông tin về liên kết, bao gồm bản tóm tắt và các thao tác',
   'fabric.editor.blockTitle': 'Thẻ',
   'fabric.editor.blockquote': 'một dấu ngoặc kép',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Khi có sẵn kết quả tự hoàn tất, hãy dùng các mũi tên lên và xuống để xem lại và enter để chọn. Người dùng thiết bị cảm ứng, khám phá bằng thao tác chạm hoặc bằng các cử chỉ vuốt.',
   'fabric.editor.insertColumn': 'Chèn cột vào bên phải',
   'fabric.editor.insertColumnDrag': 'Chèn cột',
+  '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.insertRow': 'Chèn hàng ở bên dưới',
   'fabric.editor.insertRowDrag': 'Chèn hàng',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Khác...',
   'fabric.editor.outdent': 'Nhô lề',
   'fabric.editor.pageActionsLabel': 'Thao tác trang',
+  'fabric.editor.panel': 'Bảng điều khiển',
   'fabric.editor.panel.backgroundColor': 'Màu nền',
   'fabric.editor.panel.emoji': 'Thêm biểu tượng cảm xúc',
   'fabric.editor.panel.panelsGroup': 'Các loại bảng điều khiển',
@@ -445,6 +450,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'một nút khối',
   'fabric.editor.tooltip.nestedExpand': 'nút mở rộng lồng nhau',
   'fabric.editor.tooltip.taskList': 'một mục thao tác',
+  'fabric.editor.turnInto': 'Chuyển thành',
   'fabric.editor.twoColumns': 'Bố cục hai cột',
   'fabric.editor.typeAhead.popupLabel': 'Kết quả tự động điền',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Bắt đầu nhập để tìm kiếm hoặc lọc các tùy chọn lối tắt',

package/dist/es2019/i18n/zh.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': '拖动以移动',
   'fabric.editor.blockControlMoveDown': '下移',
   'fabric.editor.blockControlMoveUp': '上移',
+  'fabric.editor.blockControlMovedDown': '内容已下移',
+  'fabric.editor.blockControlMovedUp': '内容已上移',
   'fabric.editor.blockDescription': '显示有关链接的更多信息，包括摘要和操作',
   'fabric.editor.blockTitle': '卡片',
   'fabric.editor.blockquote': '引用',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': '有可用的自动完成结果时，可以使用向上和向下箭头键进行查看，并按 Enter 键进行选择。触摸设备用户，并通过触摸或滑动手势进行浏览。',
   'fabric.editor.insertColumn': '在右侧插入列',
   'fabric.editor.insertColumnDrag': '插入列',
+  'fabric.editor.insertMediaFromUrl': '来自链接的图像',
+  'fabric.editor.insertMediaFromUrlDescription': '添加来自链接的图像或视频',
   'fabric.editor.insertMenu': '插入元素',
   'fabric.editor.insertRow': '在下方插入行',
   'fabric.editor.insertRowDrag': '插入行',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': '其他...',
   'fabric.editor.outdent': '减小缩进',
   'fabric.editor.pageActionsLabel': '页面操作',
+  'fabric.editor.panel': '面板',
   'fabric.editor.panel.backgroundColor': '背景颜色',
   'fabric.editor.panel.emoji': '添加表情',
   'fabric.editor.panel.panelsGroup': '面板类型',
@@ -445,6 +450,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': '块节点',
   'fabric.editor.tooltip.nestedExpand': '嵌套扩展',
   'fabric.editor.tooltip.taskList': '操作项',
+  'fabric.editor.turnInto': '转变为',
   'fabric.editor.twoColumns': '两列布局',
   'fabric.editor.typeAhead.popupLabel': '输入提示结果',
   'fabric.editor.typeAhead.quickInsertInputLabel': '开始输入以搜索或筛选快捷方式选项',

package/dist/es2019/i18n/zh_TW.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': '拖曳即可移動',
   'fabric.editor.blockControlMoveDown': '向下移動',
   'fabric.editor.blockControlMoveUp': '向上移動',
+  'fabric.editor.blockControlMovedDown': '內容已向下移動',
+  'fabric.editor.blockControlMovedUp': '內容已向上移動',
   'fabric.editor.blockDescription': '顯示有關連結的更多資訊，包括摘要和動作',
   'fabric.editor.blockTitle': '卡片',
   'fabric.editor.blockquote': '引述',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': '自動完成結果可用時，請使用向上和向下箭頭查看，並輸入以進行選取。若您使用觸控螢幕裝置，請透過觸控或滑動手勢探索內容。',
   'fabric.editor.insertColumn': '在右側插入直欄',
   'fabric.editor.insertColumnDrag': '插入直欄',
+  'fabric.editor.insertMediaFromUrl': '圖片來源連結',
+  'fabric.editor.insertMediaFromUrlDescription': '透過連結新增圖片或影片',
   'fabric.editor.insertMenu': '插入元素',
   'fabric.editor.insertRow': '在下方插入列',
   'fabric.editor.insertRowDrag': '插入列',
@@ -292,6 +296,13 @@ export default {
   'fabric.editor.media.DefaultMediaWidthDecreased': '{newMediaWidth, plural, other {媒體寬度已降低至 {newMediaWidth,number} 像素。}}',
   'fabric.editor.media.DefaultMediaWidthIncreased': '{newMediaWidth, plural, other {媒體寬度已提升至 {newMediaWidth,number} 像素。}}',
   'fabric.editor.media.MediaWidthIsMin': '媒體已縮減至最小',
+  'fabric.editor.media.insert.cancel': '取消',
+  'fabric.editor.media.insert.errorMessage': '很抱歉，我們無法新增此圖片連結。請下載圖片，然後拖放到頁面上。',
+  'fabric.editor.media.insert.insert': '插入',
+  'fabric.editor.media.insert.loadPreview': '載入預覽',
+  'fabric.editor.media.insert.mediaAlt': '上傳的圖片或影片檔案預覽',
+  'fabric.editor.media.insert.pasteLinkToUpload': '貼上連結以上傳',
+  'fabric.editor.media.insert.warning': '由於來源限制，其他人可能無法看到此圖片。您可以考慮改為上傳檔案。',
   'fabric.editor.media.pixelEntry.MediaWidthIsMax': '媒體已增加至最大',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': '高度輸入',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': '高度',
@@ -337,6 +348,7 @@ export default {
   'fabric.editor.other': '其他...',
   'fabric.editor.outdent': '減少縮排',
   'fabric.editor.pageActionsLabel': '頁面動作',
+  'fabric.editor.panel': '面板',
   'fabric.editor.panel.backgroundColor': '背景顏色',
   'fabric.editor.panel.emoji': '新增表情符號',
   'fabric.editor.panel.panelsGroup': '面板類型',
@@ -445,6 +457,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': '區塊節點',
   'fabric.editor.tooltip.nestedExpand': '巢狀擴充',
   'fabric.editor.tooltip.taskList': '動作項目',
+  'fabric.editor.turnInto': '轉變成',
   'fabric.editor.twoColumns': '兩欄版面配置',
   'fabric.editor.typeAhead.popupLabel': '自動提示結果',
   'fabric.editor.typeAhead.quickInsertInputLabel': '開始輸入以搜尋或篩選快速鍵選項',

package/dist/es2019/lazy-node-view/index.js

@@ -65,10 +65,7 @@ export const withLazyLoading = ({
   nodeName,
   loader,
   getNodeViewOptions,
-  dispatchAnalyticsEvent,
-  lazyNodeViewOptions: {
-    ignoreMutationDelegate
-  } = {}
+  dispatchAnalyticsEvent
 }) => {
   const createLazyNodeView = (node, view, getPos, decorations) => {
     var _node$type, _node$type$spec;
@@ -78,9 +75,7 @@ export const withLazyLoading = ({
     }
     const wasAlreadyRequested = requestedNodes.has(nodeName);
     if (wasAlreadyRequested) {
-      return new LazyNodeView(node, view, getPos, {
-        ignoreMutationDelegate
-      });
+      return new LazyNodeView(node, view, getPos);
     }
     requestedNodes.add(nodeName);
     loader().then(nodeViewFuncModule => {
@@ -104,9 +99,7 @@ export const withLazyLoading = ({
       //   },
       // });
     }
-    return new LazyNodeView(node, view, getPos, {
-      ignoreMutationDelegate
-    });
+    return new LazyNodeView(node, view, getPos);
   };
   return createLazyNodeView;
 };

package/dist/es2019/lazy-node-view/node-view.js

@@ -5,9 +5,9 @@ import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
  * A NodeView that serves as a placeholder until the actual NodeView is loaded.
  */
 export class LazyNodeView {
-  constructor(node, view, getPos, options = {}) {
+  constructor(node, view, getPos) {
     var _node$type, _node$type$spec;
-    this.ignoreMutationDelegate = options === null || options === void 0 ? void 0 : options.ignoreMutationDelegate;
+    this.node = node;
     if (typeof ((_node$type = node.type) === null || _node$type === void 0 ? void 0 : (_node$type$spec = _node$type.spec) === null || _node$type$spec === void 0 ? void 0 : _node$type$spec.toDOM) !== 'function') {
       this.dom = document.createElement('div');
       return;
@@ -26,7 +26,9 @@ export class LazyNodeView {
     }
   }
   ignoreMutation(mutation) {
-    var _this$ignoreMutationD;
-    return !!((_this$ignoreMutationD = this.ignoreMutationDelegate) !== null && _this$ignoreMutationD !== void 0 && _this$ignoreMutationD.call(this, mutation));
+    if (this.node.type.isTextblock) {
+      return false;
+    }
+    return true;
   }
 }

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

@@ -15,10 +15,8 @@ import { isSafeUrl } from '@atlaskit/adf-schema';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable, xcss } from '@atlaskit/primitives';
 import { N200 } from '@atlaskit/theme/colors';
-import { fontSizeSmall } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '../../../analytics';
 import { Announcer, PanelTextInput } from '../../../ui';
@@ -60,17 +58,11 @@ const containerPadding = css({
 const textLabelMargin = css({
   marginTop: "var(--ds-space-150, 12px)"
 });
-const inputLabelFontToken = css({
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-medium, 500)"
-});
-const inputLabelFont = css({
-  fontSize: `${fontSizeSmall()}px`,
-  fontWeight: 500
-});
 const inputLabel = css({
   color: `var(--ds-text-subtlest, ${N200})`,
-  paddingBottom: "var(--ds-space-050, 4px)"
+  paddingBottom: "var(--ds-space-050, 4px)",
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-medium, 500)"
 });
 const inputWrapperPosition = css({
   position: 'relative'
@@ -703,7 +695,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       ref: this.wrapperRef
     }, jsx("label", {
       htmlFor: linkSearchInputId,
-      css: [inputLabel, fg('platform_editor_migration_icon_and_typography') ? inputLabelFontToken : inputLabelFont]
+      css: inputLabel
     }, formatMessage(messages.linkVisibleLabel)), jsx("div", {
       css: [inputWrapper, inputWrapperPosition]
     }, screenReaderText && jsx(Announcer, {
@@ -745,7 +737,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       primaryColor: "var(--ds-icon-subtle, #626F86)"
     }))))), jsx("label", {
       htmlFor: displayTextInputId,
-      css: [inputLabel, textLabelMargin, fg('platform_editor_migration_icon_and_typography') ? inputLabelFontToken : inputLabelFont]
+      css: [inputLabel, textLabelMargin]
     }, formatMessage(messages.textVisibleLabel)), jsx("div", {
       css: [inputWrapper, inputWrapperPosition]
     }, jsx(PanelTextInput, {

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "87.9.1";
+const packageVersion = "87.10.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -12,7 +12,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "87.9.1";
+const packageVersion = "87.10.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/WidthProvider/index.js

@@ -2,12 +2,13 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { Fragment } from 'react';
+import React, { Fragment, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import memoizeOne from 'memoize-one';
 import rafSchedule from 'raf-schd';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { WidthObserver } from '@atlaskit/width-detector';
 const styles = css({
   position: 'relative',
@@ -47,7 +48,7 @@ const {
  *
  * @returns {number} The width of the document body or 0 if the document is undefined.
  */
-const getBodyWidth = memoizeOne(() => {
+export const getBodyWidth = memoizeOne(() => {
   var _document$body$offset, _document$body;
   return typeof document !== 'undefined' ? (_document$body$offset = (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.offsetWidth) !== null && _document$body$offset !== void 0 ? _document$body$offset : 0 : 0;
 });
@@ -56,12 +57,15 @@ export const WidthProvider = ({
   shouldCheckExistingValue,
   children
 }) => {
-  const existingContextValue = React.useContext(WidthContext);
-  const [width, setWidth] = React.useState(getBodyWidth);
-  const widthRef = React.useRef(width);
-  const isMountedRef = React.useRef(true);
-  const providerValue = React.useMemo(() => createWidthContext(width), [width]);
-  const updateWidth = React.useMemo(() => {
+  const shouldFixTableResizing = Boolean(fg('platform-fix-table-ssr-resizing'));
+  const containerRef = useRef(null);
+  const existingContextValue = useContext(WidthContext);
+  const [isInitialWidthUpdated, setIsInitialWidthUpdated] = useState(false);
+  const [width, setWidth] = useState(getBodyWidth);
+  const widthRef = useRef(width);
+  const isMountedRef = useRef(true);
+  const providerValue = useMemo(() => createWidthContext(width), [width]);
+  const updateWidth = useMemo(() => {
     return rafSchedule(nextWidth => {
       const currentWidth = widthRef.current || 0;
       // Ignore changes that are less than SCROLLBAR_WIDTH, otherwise it can cause infinite re-scaling
@@ -77,23 +81,45 @@ export const WidthProvider = ({
     });
   }, []);
   const skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
-  React.useLayoutEffect(() => {
+  useLayoutEffect(() => {
     isMountedRef.current = true;
+    if (shouldFixTableResizing && !isInitialWidthUpdated) {
+      // useLayoutEffect is not run in SSR mode
+      // The visibility change for SSR is done in packages/editor/renderer/src/ui/Renderer/breakout-ssr.tsx
+      setIsInitialWidthUpdated(true);
+      if (containerRef.current) {
+        setWidth(containerRef.current.offsetWidth);
+      }
+    }
     return () => {
       isMountedRef.current = false;
     };
-  }, []);
-  return (
+  }, [isInitialWidthUpdated, shouldFixTableResizing, width]);
+  return jsx("div", {
+    css: styles
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: styles,
-      className: className
-    }, !skipWidthDetection && jsx(Fragment, null, jsx(WidthObserver, {
-      setWidth: updateWidth,
-      offscreen: true
-    }), jsx(Provider, {
-      value: providerValue
-    }, children)), skipWidthDetection && children)
-  );
+    ,
+    className: className,
+    ref: containerRef
+    // Using style not css prop because we need to also reset these style in SSR
+    // It is done in packages/editor/renderer/src/ui/Renderer/breakout-ssr.tsx
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Intended
+    ,
+    style: shouldFixTableResizing && !isInitialWidthUpdated ? {
+      // Width is initialized with body width but in Confluence this is too wide as side nav takes some space.
+      // Putting the div into hidden until we can get the correct width.
+      // Only setting the visibility so children still takes space which will make scrollbar to correct appear.
+      // Scrollbar has width too it needs to be taken into account otherwise table is going to shrink after appeared.
+      visibility: 'hidden',
+      // Because the body width is too wide, the horizontal scrollbar gonna shown
+      // Temporary hide it until we get the correct width
+      overflowX: 'hidden'
+    } : {}
+  }, !skipWidthDetection && jsx(Fragment, null, jsx(WidthObserver, {
+    setWidth: updateWidth,
+    offscreen: true
+  }), jsx(Provider, {
+    value: providerValue
+  }, children)), skipWidthDetection && children);
 };
 export { Consumer as WidthConsumer };

package/dist/esm/element-browser/components/ElementList/EmptyState.js

@@ -6,7 +6,6 @@
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { LinkButton } from '@atlaskit/button/new';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import NotFoundIllustration from './NotFoundIllustration';
 export default function EmptyState(_ref) {
@@ -15,7 +14,7 @@ export default function EmptyState(_ref) {
     css: emptyStateWrapper,
     "data-testid": "empty-state-wrapper"
   }, jsx(NotFoundIllustration, null), jsx("div", {
-    css: [emptyStateHeading, fg('platform_editor_migration_icon_and_typography') ? emptyStateHeadingFontToken : emptyStateHeadingFont]
+    css: emptyStateHeading
   }, jsx(FormattedMessage, {
     id: "fabric.editor.elementbrowser.search.empty-state.heading",
     defaultMessage: "Nothing matches your search",
@@ -39,16 +38,8 @@ export default function EmptyState(_ref) {
     description: "Empty state sub-heading external link"
   })))));
 }
-var emptyStateHeadingFontToken = css({
-  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
-});
-var emptyStateHeadingFont = css({
-  fontSize: '1.42857em',
-  lineHeight: 1.2,
-  fontWeight: 500,
-  letterSpacing: '-0.008em'
-});
 var emptyStateHeading = css({
+  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   color: "var(--ds-text, rgb(23, 43, 77))",
   marginTop: "var(--ds-space-300, 24px)"
 });

package/dist/esm/i18n/cs.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Přetažením přesunete.',
   'fabric.editor.blockControlMoveDown': 'Posunout dolů',
   'fabric.editor.blockControlMoveUp': 'Posunout nahoru',
+  'fabric.editor.blockControlMovedDown': 'Obsah byl posunut dolů.',
+  'fabric.editor.blockControlMovedUp': 'Obsah byl posunut nahoru.',
   'fabric.editor.blockDescription': 'Zobrazit další informace o odkazu, včetně souhrnu a akcí',
   'fabric.editor.blockTitle': 'Karta',
   'fabric.editor.blockquote': 'citace',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Když jsou k dispozici výsledky automatického dokončování, použijte šipky nahoru a dolů k prohlížení a klávesu Enter k výběru. Uživatelé dotykových zařízení mohou k prohlížení použít dotyk nebo gesta potáhnutí prstem.',
   'fabric.editor.insertColumn': 'Vložit sloupec napravo',
   'fabric.editor.insertColumnDrag': 'Vložit sloupec',
+  'fabric.editor.insertMediaFromUrl': 'Obrázek z odkazu',
+  'fabric.editor.insertMediaFromUrlDescription': 'Přidejte obrázek nebo video z odkazu.',
   'fabric.editor.insertMenu': 'Vložit prvky',
   'fabric.editor.insertRow': 'Vložit řádek pod',
   'fabric.editor.insertRowDrag': 'Vložit řádek',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Jiné…',
   'fabric.editor.outdent': 'Zmenšit odsazení',
   'fabric.editor.pageActionsLabel': 'Akce stránky',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Barva pozadí',
   'fabric.editor.panel.emoji': 'Přidat emoji',
   'fabric.editor.panel.panelsGroup': 'Typy panelů',
@@ -445,6 +450,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'uzel bloku',
   'fabric.editor.tooltip.nestedExpand': 'vnořený rozbalovací uzel',
   'fabric.editor.tooltip.taskList': 'položka akce',
+  'fabric.editor.turnInto': 'Proměnit na',
   'fabric.editor.twoColumns': 'Rozvržení dvou sloupců',
   'fabric.editor.typeAhead.popupLabel': 'Výsledky našeptávače',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Když začnete psát, budou se vyhledávat/filtrovat možnosti zkratek.',

package/dist/esm/i18n/da.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Træk for at flytte',
   'fabric.editor.blockControlMoveDown': 'Flyt ned',
   'fabric.editor.blockControlMoveUp': 'Flyt op',
+  'fabric.editor.blockControlMovedDown': 'Indhold er flyttet ned',
+  'fabric.editor.blockControlMovedUp': 'Indhold er flyttet op',
   'fabric.editor.blockDescription': 'Vis flere oplysninger om et link, inklusive sammendrag og handlinger',
   'fabric.editor.blockTitle': 'Kort',
   'fabric.editor.blockquote': 'et citat',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Når resultater med automatisk udfyldning er tilgængelige, skal du bruge pil op og pil ned til at gennemse og Enter til at vælge. Brugere af touchenheder kan trykke eller stryge.',
   'fabric.editor.insertColumn': 'Indsæt kolonne til højre',
   'fabric.editor.insertColumnDrag': 'Indsæt kolonne',
+  'fabric.editor.insertMediaFromUrl': 'Billede fra link',
+  'fabric.editor.insertMediaFromUrlDescription': 'Tilføj et billede eller en video fra et link',
   'fabric.editor.insertMenu': 'Indsæt elementer',
   'fabric.editor.insertRow': 'Indsæt række under',
   'fabric.editor.insertRowDrag': 'Indsæt række',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Andet …',
   'fabric.editor.outdent': 'Ryk ud',
   'fabric.editor.pageActionsLabel': 'Sidehandlinger',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Baggrundsfarve',
   'fabric.editor.panel.emoji': 'Tilføj emoji',
   'fabric.editor.panel.panelsGroup': 'Paneltyper',
@@ -445,6 +450,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'en bloknode',
   'fabric.editor.tooltip.nestedExpand': 'en indlejret udvidelse',
   'fabric.editor.tooltip.taskList': 'et handlingselement',
+  'fabric.editor.turnInto': 'Skift til',
   'fabric.editor.twoColumns': 'Layout med to kolonner',
   'fabric.editor.typeAhead.popupLabel': 'Resultater for automatisk fuldførelse',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Begynd at skrive for at søge efter eller filtrere genvejsmuligheder',

package/dist/esm/i18n/de.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Zum Verschieben ziehen',
   'fabric.editor.blockControlMoveDown': 'Nach unten verschieben',
   'fabric.editor.blockControlMoveUp': 'Nach oben verschieben',
+  'fabric.editor.blockControlMovedDown': 'Inhalt wurde nach unten verschoben',
+  'fabric.editor.blockControlMovedUp': 'Inhalt wurde nach oben verschoben',
   'fabric.editor.blockDescription': 'Weitere Informationen zu einem Link anzeigen, darunter eine Zusammenfassung und Aktionen',
   'fabric.editor.blockTitle': 'Karte',
   'fabric.editor.blockquote': 'ein Angebot',
@@ -266,6 +268,8 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Wenn Autovervollständigungen angezeigt werden, navigieren Sie mit den Pfeiltasten nach oben und unten und drücken Sie die Eingabetaste zur Auswahl eines Ergebnisses. Benutzer mit Touchscreen-Geräten können mit Berührungen und Wischgesten navigieren.',
   'fabric.editor.insertColumn': 'Spalte rechts einfügen',
   'fabric.editor.insertColumnDrag': 'Spalte einfügen',
+  'fabric.editor.insertMediaFromUrl': 'Bild per Link',
+  'fabric.editor.insertMediaFromUrlDescription': 'Bild oder Video per Link hinzufügen',
   'fabric.editor.insertMenu': 'Elemente einfügen',
   'fabric.editor.insertRow': 'Zeile unten einfügen',
   'fabric.editor.insertRowDrag': 'Zeile einfügen',
@@ -337,6 +341,7 @@ export default {
   'fabric.editor.other': 'Sonstige …',
   'fabric.editor.outdent': 'Einzug verkleinern',
   'fabric.editor.pageActionsLabel': 'Seitenaktionen',
+  'fabric.editor.panel': 'Panel',
   'fabric.editor.panel.backgroundColor': 'Hintergrundfarbe',
   'fabric.editor.panel.emoji': 'Emoji hinzufügen',
   'fabric.editor.panel.panelsGroup': 'Panel-Typen',
@@ -445,6 +450,7 @@ export default {
   'fabric.editor.tooltip.defaultBlockNode': 'ein Blockknoten',
   'fabric.editor.tooltip.nestedExpand': 'eine verschachtelte Erweiterung',
   'fabric.editor.tooltip.taskList': 'eine Aufgabe',
+  'fabric.editor.turnInto': 'Verwandeln in',
   'fabric.editor.twoColumns': 'Layout mit zwei Spalten',
   'fabric.editor.typeAhead.popupLabel': 'Ergebnisse der Vorschlagsfunktion',
   'fabric.editor.typeAhead.quickInsertInputLabel': 'Beginnen Sie die Eingabe, um nach Optionen für Tastenkombinationen zu suchen oder diese zu filtern',

package/dist/esm/i18n/en.js

@@ -296,6 +296,13 @@ export default {
   'fabric.editor.media.DefaultMediaWidthDecreased': '{newMediaWidth, plural, one {Media width decreased to # pixel.} other {Media width decreased to # pixels.}}',
   'fabric.editor.media.DefaultMediaWidthIncreased': '{newMediaWidth, plural, one {Media width increased to # pixel.} other {Media width increased to # pixels.}}',
   'fabric.editor.media.MediaWidthIsMin': 'Media decreased to the minimum size',
+  'fabric.editor.media.insert.cancel': 'Cancel',
+  'fabric.editor.media.insert.errorMessage': 'Unfortunately, we can’t add this image link. Download the image, then drag and drop onto the page.',
+  'fabric.editor.media.insert.insert': 'Insert',
+  'fabric.editor.media.insert.loadPreview': 'Load preview',
+  'fabric.editor.media.insert.mediaAlt': 'Preview for uploaded image or video file',
+  'fabric.editor.media.insert.pasteLinkToUpload': 'Paste link to upload',
+  'fabric.editor.media.insert.warning': 'This image might not be visible to others due to source restrictions. Consider uploading the file instead.',
   'fabric.editor.media.pixelEntry.MediaWidthIsMax': 'Media increased to the maximum size',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': 'height input',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': 'Height',

package/dist/esm/i18n/en_GB.js

@@ -296,6 +296,13 @@ export default {
   'fabric.editor.media.DefaultMediaWidthDecreased': '{newMediaWidth, plural, one {Media width decreased to # pixel.} other {Media width decreased to # pixels.}}',
   'fabric.editor.media.DefaultMediaWidthIncreased': '{newMediaWidth, plural, one {Media width increased to # pixel.} other {Media width increased to # pixels.}}',
   'fabric.editor.media.MediaWidthIsMin': 'Media decreased to the minimum size',
+  'fabric.editor.media.insert.cancel': 'Cancel',
+  'fabric.editor.media.insert.errorMessage': 'Unfortunately, we can’t add this image link. Download the image, then drag and drop onto the page.',
+  'fabric.editor.media.insert.insert': 'Insert',
+  'fabric.editor.media.insert.loadPreview': 'Load preview',
+  'fabric.editor.media.insert.mediaAlt': 'Preview for uploaded image or video file',
+  'fabric.editor.media.insert.pasteLinkToUpload': 'Paste link to upload',
+  'fabric.editor.media.insert.warning': 'This image might not be visible to others due to source restrictions. Consider uploading the file instead.',
   'fabric.editor.media.pixelEntry.MediaWidthIsMax': 'Media increased to the maximum size',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': 'height input',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': 'Height',

package/dist/esm/i18n/en_ZZ.js

@@ -296,6 +296,13 @@ export default {
   'fabric.editor.media.DefaultMediaWidthDecreased': '{newMediaWidth, plural, one {⁣⁢Media width decreased to {newMediaWidth,number} pixel.‍⁡‌‍‍‌‌⁣⁤} other {⁣⁢Media width decreased to {newMediaWidth,number} pixels.‍⁡‌‍‍‌‌⁣⁤}}',
   'fabric.editor.media.DefaultMediaWidthIncreased': '{newMediaWidth, plural, one {⁣⁢Media width increased to {newMediaWidth,number} pixel.⁡؜⁠؜‌⁡⁠⁡؜⁣⁤} other {⁣⁢Media width increased to {newMediaWidth,number} pixels.⁡؜⁠؜‌⁡⁠⁡؜⁣⁤}}',
   'fabric.editor.media.MediaWidthIsMin': '⁣⁢Media decreased to the minimum size⁡⁡؜‌‌⁡‌؜⁠⁡‌⁣⁤',
+  'fabric.editor.media.insert.cancel': '⁣⁢Cancel‍⁡⁡؜؜‌‍؜؜⁡؜⁣⁤',
+  'fabric.editor.media.insert.errorMessage': '⁣⁢Unfortunately, we can’t add this image link. Download the image, then drag and drop onto the page.‌⁡؜‌؜‌⁡⁠؜؜⁡⁡⁣⁤',
+  'fabric.editor.media.insert.insert': '⁣⁢Insert⁠⁡؜‌؜⁡⁡؜؜⁣⁤',
+  'fabric.editor.media.insert.loadPreview': '⁣⁢Load preview؜⁠‌؜‍‍⁣⁤',
+  'fabric.editor.media.insert.mediaAlt': '⁣⁢Preview for uploaded image or video file⁡‍‌⁠⁡⁡؜⁠⁠⁡⁡⁣⁤',
+  'fabric.editor.media.insert.pasteLinkToUpload': '⁣⁢Paste link to upload⁡⁠‍⁡؜⁡‍⁣⁤',
+  'fabric.editor.media.insert.warning': '⁣⁢This image might not be visible to others due to source restrictions. Consider uploading the file instead.⁠‍؜‍؜⁠؜⁠‍‍⁣⁤',
   'fabric.editor.media.pixelEntry.MediaWidthIsMax': '⁣⁢Media increased to the maximum size⁡؜؜⁠‍‍‍‌‌‍⁡⁠⁣⁤',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': '⁣⁢height input؜⁠؜‍؜‌؜‍⁣⁤',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': '⁣⁢Height⁡⁠⁠⁡⁠؜⁠⁠⁣⁤',