@atlaskit/editor-common 76.34.0 → 76.36.0

package/dist/es2019/i18n/tr.js

@@ -9,7 +9,9 @@
 export default {
   'fabric.editor.action': 'Yapılacaklar listesi',
   'fabric.editor.action.description': 'Yapılacaklar listesi oluşturun ve atayın',
+  'fabric.editor.addColumn': 'Sağa sütun ekle',
   'fabric.editor.addMediaFiles': 'Görsel, video ya da dosya ekle',
+  'fabric.editor.addRow': 'Aşağıya satır ekle',
   'fabric.editor.alignCenter': 'Ortaya hizala',
   'fabric.editor.alignImageCenter': 'Ortaya hizala',
   'fabric.editor.alignImageLeft': 'Sola hizala',
@@ -17,6 +19,7 @@ export default {
   'fabric.editor.alignLeft': 'Sola hizala',
   'fabric.editor.alignRight': 'Sağa hizala',
   'fabric.editor.annotationToolbar': 'Not ekleme araç çubuğu',
+  '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.blockDescription': 'Bağlantı hakkında özet ve işlemler de dahil olmak üzere daha fazla bilgi gösterir',
   'fabric.editor.blockTitle': 'Kart',
@@ -138,7 +141,6 @@ export default {
   'fabric.editor.infoPanel': 'Bilgi panosu',
   'fabric.editor.infoPanel.description': 'Renkli bir panoda bilgileri vurgulayın',
   'fabric.editor.inlineDescription': 'Bağlantıyı satır içi metin olarak gösterir',
-  'fabric.editor.inlineOverlay': 'Görünümü değiştir',
   'fabric.editor.inlineTitle': 'Satır içi',
   'fabric.editor.insertColumn': 'Sağa sütun ekle',
   'fabric.editor.insertColumnDrag': 'Sütun ekle',
@@ -211,7 +213,8 @@ export default {
   'fabric.editor.table': 'Tablo',
   'fabric.editor.table.description': 'Tablo ekleyin',
   'fabric.editor.tableOptions': 'Tablo seçenekleri',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Tablo genişliği {newWidth,number} piksele düşürüldü.} other {Tablo genişliği {newWidth,number} piksele düşürüldü.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Tablo genişliği {newWidth,number} piksele düşürüldü.} other {Tablo genişliği {newWidth,number} piksele düşürüldü.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Tablo genişliği {newWidth,number} piksele artırıldı.} other {Tablo genişliği {newWidth,number} piksele artırıldı.}}',
   'fabric.editor.tables.adjustColumn': 'Sütunu ayarla',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': '{nodeName} düğümünün silinmesi, bu düğüme bağlı her şeyin bozulmasına neden olur.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Sil',

package/dist/es2019/i18n/uk.js

@@ -9,7 +9,9 @@
 export default {
   'fabric.editor.action': 'Задача',
   'fabric.editor.action.description': 'Створити та призначити задачу',
+  'fabric.editor.addColumn': 'Додати стовпець справа',
   'fabric.editor.addMediaFiles': 'Додати зображення, відео або файл',
+  'fabric.editor.addRow': 'Додати рядок знизу',
   'fabric.editor.alignCenter': 'Вирівнювання по центру',
   'fabric.editor.alignImageCenter': 'Вирівнювання по центру',
   'fabric.editor.alignImageLeft': 'Вирівнювання по лівому краю',
@@ -17,6 +19,7 @@ export default {
   'fabric.editor.alignLeft': 'Вирівнювання по лівому краю',
   'fabric.editor.alignRight': 'Вирівнювання по правому краю',
   'fabric.editor.annotationToolbar': 'Панель приміток',
+  'fabric.editor.backgroundColor': 'Колір фону',
   'fabric.editor.blockCardUnavailable': 'Вбудоване посилання знаходиться у вузлі {node}, тому змінити подання не можна',
   'fabric.editor.blockDescription': 'Показати більше інформації про посилання, у тому числі зведені дані й дії',
   'fabric.editor.blockTitle': 'Картка',
@@ -138,7 +141,6 @@ export default {
   'fabric.editor.infoPanel': 'Панель з інформацією',
   'fabric.editor.infoPanel.description': 'Панель із виділеною кольорами інформацією',
   'fabric.editor.inlineDescription': 'Показати посилання як вбудований текст',
-  'fabric.editor.inlineOverlay': 'Змінити подання',
   'fabric.editor.inlineTitle': 'У рядку',
   'fabric.editor.insertColumn': 'Вставити стовпець справа',
   'fabric.editor.insertColumnDrag': 'Вставити стовпець',
@@ -211,7 +213,8 @@ export default {
   'fabric.editor.table': 'Таблиця',
   'fabric.editor.table.description': 'Вставити таблицю',
   'fabric.editor.tableOptions': 'Параметри таблиці',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Ширину таблиці зменшено до {newWidth,number} пікселя.} few {Ширину таблиці зменшено до {newWidth,number} пікселів.} many {Ширину таблиці зменшено до {newWidth,number} пікселів.} other {Ширину таблиці зменшено до {newWidth,number} пікселів.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Ширину таблиці зменшено до {newWidth,number} пікселя.} few {Ширину таблиці зменшено до {newWidth,number} пікселів.} many {Ширину таблиці зменшено до {newWidth,number} пікселів.} other {Ширину таблиці зменшено до {newWidth,number} пікселів.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Ширину таблиці збільшено до {newWidth,number} пікселя.} few {Ширину таблиці збільшено до {newWidth,number} пікселів.} many {Ширину таблиці збільшено до {newWidth,number} пікселів.} other {Ширину таблиці збільшено до {newWidth,number} пікселів.}}',
   'fabric.editor.tables.adjustColumn': 'Налаштувати стовпець',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Видалення розширення {nodeName} порушить роботу всього, що з ним пов’язано.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Видалити',

package/dist/es2019/i18n/vi.js

@@ -9,7 +9,9 @@
 export default {
   'fabric.editor.action': 'Mục thao tác',
   'fabric.editor.action.description': 'Tạo và chỉ định các mục thao tác',
+  'fabric.editor.addColumn': 'Thêm cột bên phải',
   'fabric.editor.addMediaFiles': 'Thêm ảnh, video hoặc tệp',
+  'fabric.editor.addRow': 'Thêm dòng bên dưới',
   'fabric.editor.alignCenter': 'Căn giữa',
   'fabric.editor.alignImageCenter': 'Căn giữa',
   'fabric.editor.alignImageLeft': 'Căn trái',
@@ -17,6 +19,7 @@ export default {
   'fabric.editor.alignLeft': 'Căn trái',
   'fabric.editor.alignRight': 'Căn phải',
   'fabric.editor.annotationToolbar': 'Thanh công cụ chú thích',
+  '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.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ẻ',
@@ -138,7 +141,6 @@ export default {
   'fabric.editor.infoPanel': 'Ô thông tin',
   'fabric.editor.infoPanel.description': 'Bôi đậm thông tin bằng ô màu',
   'fabric.editor.inlineDescription': 'Hiển thị liên kết dưới dạng văn bản nội tuyến',
-  'fabric.editor.inlineOverlay': 'Thay đổi trình xem',
   'fabric.editor.inlineTitle': 'Nội tuyến',
   'fabric.editor.insertColumn': 'Chèn cột vào bên phải',
   'fabric.editor.insertColumnDrag': 'Chèn cột',
@@ -211,7 +213,8 @@ export default {
   'fabric.editor.table': 'Bảng',
   'fabric.editor.table.description': 'Chèn bảng',
   'fabric.editor.tableOptions': 'Tùy chọn bảng',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, other {Chiều rộng bảng đã giảm xuống {newWidth,number} pixel.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, other {Chiều rộng bảng đã giảm xuống {newWidth,number} pixel.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, other {Chiều rộng bảng đã tăng lên {newWidth,number} pixel.}}',
   'fabric.editor.tables.adjustColumn': 'Điều chỉnh cột',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Việc xóa {nodeName} sẽ ngắt mọi nội dung được kết nối.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Xóa',

package/dist/es2019/i18n/zh.js

@@ -9,7 +9,9 @@
 export default {
   'fabric.editor.action': '操作项',
   'fabric.editor.action.description': '创建和指派操作项目',
+  'fabric.editor.addColumn': '在右侧添加列',
   'fabric.editor.addMediaFiles': '添加图像、视频或文件',
+  'fabric.editor.addRow': '在下方添加行',
   'fabric.editor.alignCenter': '居中对齐',
   'fabric.editor.alignImageCenter': '居中',
   'fabric.editor.alignImageLeft': '左对齐',
@@ -17,6 +19,7 @@ export default {
   'fabric.editor.alignLeft': '左对齐',
   'fabric.editor.alignRight': '右对齐',
   'fabric.editor.annotationToolbar': '标注工具栏',
+  'fabric.editor.backgroundColor': '背景颜色',
   'fabric.editor.blockCardUnavailable': '内联链接位于 {node} 内部，无法更改其视图',
   'fabric.editor.blockDescription': '显示有关链接的更多信息，包括摘要和操作',
   'fabric.editor.blockTitle': '卡片',
@@ -138,7 +141,6 @@ export default {
   'fabric.editor.infoPanel': '信息面板',
   'fabric.editor.infoPanel.description': '在彩色面板高亮显示信息',
   'fabric.editor.inlineDescription': '以内联文本显示链接',
-  'fabric.editor.inlineOverlay': '更改视图',
   'fabric.editor.inlineTitle': '内联',
   'fabric.editor.insertColumn': '在右侧插入列',
   'fabric.editor.insertColumnDrag': '插入列',
@@ -211,7 +213,8 @@ export default {
   'fabric.editor.table': '表格',
   'fabric.editor.table.description': '插入表格',
   'fabric.editor.tableOptions': '表格选项',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, other {表格宽度已减少到 {newWidth,number} 像素。}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, other {表格宽度已减少到 {newWidth,number} 像素。}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, other {表格宽度已增加到 {newWidth,number} 像素。}}',
   'fabric.editor.tables.adjustColumn': '调整列',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': '删除 {nodeName} 将断开与其连接的所有内容。',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '删除',

package/dist/es2019/i18n/zh_TW.js

@@ -9,7 +9,9 @@
 export default {
   'fabric.editor.action': '動作項目',
   'fabric.editor.action.description': '建立並指派動作項目',
+  'fabric.editor.addColumn': '新增右欄',
   'fabric.editor.addMediaFiles': '新增圖片、影片或檔案',
+  'fabric.editor.addRow': '在下方新增列',
   'fabric.editor.alignCenter': '置中對齊',
   'fabric.editor.alignImageCenter': '置中對齊',
   'fabric.editor.alignImageLeft': '靠左對齊',
@@ -17,6 +19,7 @@ export default {
   'fabric.editor.alignLeft': '靠左對齊',
   'fabric.editor.alignRight': '靠右對齊',
   'fabric.editor.annotationToolbar': '註解工具列',
+  'fabric.editor.backgroundColor': '背景顏色',
   'fabric.editor.blockCardUnavailable': '內嵌連結位於 {node} 內，無法變更其檢視',
   'fabric.editor.blockDescription': '顯示有關連結的更多資訊，包括摘要和動作',
   'fabric.editor.blockTitle': '卡片',
@@ -138,7 +141,6 @@ export default {
   'fabric.editor.infoPanel': '資訊面板',
   'fabric.editor.infoPanel.description': '以彩色面板醒目提示資訊',
   'fabric.editor.inlineDescription': '將連結顯示為內嵌文字',
-  'fabric.editor.inlineOverlay': '變更檢視畫面',
   'fabric.editor.inlineTitle': '內嵌',
   'fabric.editor.insertColumn': '在右側插入直欄',
   'fabric.editor.insertColumnDrag': '插入直欄',
@@ -211,7 +213,8 @@ export default {
   'fabric.editor.table': '表格',
   'fabric.editor.table.description': '插入表格',
   'fabric.editor.tableOptions': '表格選項',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, other {表格寬度已降低至 {newWidth,number} 像素。}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, other {表格寬度已降低至 {newWidth,number} 像素。}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, other {表格寬度已提升至 {newWidth,number} 像素。}}',
   'fabric.editor.tables.adjustColumn': '調整欄',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': '刪除 {nodeName} 將中斷與其連結的任何內容。',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '刪除',

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

@@ -685,7 +685,8 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     const screenReaderText = browser.safari && this.getScreenReaderText();
     return jsx("div", {
       "aria-label": "Hyperlink Edit",
-      className: "recent-list"
+      className: "recent-list",
+      "data-testid": "hyperlink-add-toolbar"
     }, jsx("div", {
       css: [container, !!activityProvider && containerWithProvider, containerPadding],
       ref: this.wrapperRef

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

@@ -25,7 +25,7 @@ export function HyperlinkAddToolbar({
   view,
   onCancel,
   invokeMethod,
-  featureFlags,
+  lpLinkPicker,
   onClose,
   onEscapeCallback,
   onClickAwayCallback,
@@ -38,9 +38,6 @@ export function HyperlinkAddToolbar({
       activityProvider,
       searchProvider
     }) => {
-      const {
-        lpLinkPicker
-      } = featureFlags;
       if (lpLinkPicker) {
         return /*#__PURE__*/React.createElement(EditorLinkPicker, _extends({
           view: view,

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 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 = "76.34.0";
+const packageVersion = "76.36.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it
@@ -50,13 +50,14 @@ export const logException = async (error, tags) => {
     const hub = getCurrentHub();
     hub.bindClient(client);
     hub.withScope(scope => {
+      var _buildInfo;
       scope.setTags({
         // Jira environment variables
         'jira-bundler': window.BUNDLER_VERSION,
         'jira-variant': window.BUILD_VARIANT,
         'jira-release': window.BUILD_KEY,
         // Confluence environment variables
-        'confluence-frontend-version': window.__buildInfo.FRONTEND_VERSION,
+        'confluence-frontend-version': (_buildInfo = window.__buildInfo) === null || _buildInfo === void 0 ? void 0 : _buildInfo.FRONTEND_VERSION,
         ...tags
       });
       // Explicitly remove the breadcrumbs as it's too likely to log UGC/PII to side-step the hub integrations not being respected

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

@@ -7,7 +7,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 = "76.34.0";
+const packageVersion = "76.36.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/collab/index.js

@@ -1,3 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import { hexToRgba } from '@atlaskit/adf-schema';
+import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import * as themeColors from '@atlaskit/theme/colors';
+
 // Format of the payload returned by the callback function passed to the collab provider
 // that gets called when syncing with the back-end service fails.
 // Format of the document and its metadata returned from the collab provider
@@ -118,4 +125,19 @@ export var DisconnectReason = /*#__PURE__*/function (DisconnectReason) {
   DisconnectReason["SOCKET_TIMEOUT"] = "SOCKET_TIMEOUT";
   DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
   return DisconnectReason;
-}({});
+}({});
+// TODO: https://product-fabric.atlassian.net/browse/DSP-7269
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+export var colors = [themeColors.R100, themeColors.R300, themeColors.R500, themeColors.Y100, themeColors.Y300, themeColors.Y500, themeColors.G100, themeColors.G300, themeColors.G500, themeColors.T100, themeColors.T300, themeColors.T500, themeColors.B100, themeColors.B300, themeColors.B500, themeColors.P100, themeColors.P300, themeColors.P500, themeColors.N70, themeColors.N200, themeColors.N800].map(function (solid) {
+  return {
+    solid: solid,
+    selection: hexToRgba(solid, 0.2)
+  };
+});
+var telepointerColorStyle = function telepointerColorStyle(color, index) {
+  return "\n  &.color-".concat(index, " {\n    background-color: ").concat(color.selection, ";\n    &::after {\n      background-color: ").concat(color.solid, ";\n      color: ", "var(--ds-text-inverse, #fff)", ";\n      border-color: ").concat(color.solid, ";\n    }\n  }\n");
+};
+export var TELEPOINTER_DIM_CLASS = 'telepointer-dim';
+export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .telepointer {\n    position: relative;\n    transition: opacity 200ms;\n\n    &.telepointer-selection {\n      line-height: 1.2;\n      pointer-events: none;\n      user-select: none;\n    }\n\n    &.telepointer-selection-badge::after {\n      content: attr(data-initial);\n      position: absolute;\n      display: block;\n      top: -14px;\n      font-size: ", ";\n      padding: ", ";\n      color: ", ";\n      left: -1px;\n      border-radius: 2px 2px 2px 0;\n      line-height: initial;\n    }\n\n    &.", " {\n      opacity: 0.2;\n    }\n\n    ", ";\n  }\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
+  return telepointerColorStyle(color, index);
+}));

package/dist/esm/core-utils/document-logger.js

@@ -0,0 +1,165 @@
+var hash = {
+  nodes: {
+    doc: 'doc',
+    paragraph: 'p',
+    text: 't',
+    bulletList: 'ul',
+    orderedList: 'ol',
+    listItem: 'li',
+    heading: 'h',
+    blockquote: 'blockq',
+    codeBlock: 'codebl',
+    panel: 'pnl',
+    rule: 'rl',
+    hardBreak: 'br',
+    mention: 'ment',
+    emoji: 'emj',
+    image: 'img',
+    caption: 'cap',
+    media: 'media',
+    mediaGroup: 'mediag',
+    mediaSingle: 'medias',
+    plain: 'pln',
+    table: 'table',
+    tableCell: 'td',
+    tableHeader: 'th',
+    tableRow: 'tr',
+    decisionList: 'dl',
+    decisionItem: 'di',
+    taskList: 'tl',
+    taskItem: 'ti',
+    extension: 'ext',
+    inlineExtension: 'exti',
+    bodiedExtension: 'extb',
+    multiBodiedExtension: 'extmbe',
+    extensionFrame: 'extfrm',
+    status: 'sts',
+    placeholder: 'plh',
+    inlineCard: 'cardi',
+    blockCard: 'cardb',
+    embedCard: 'carde',
+    expand: 'exp',
+    nestedExpand: 'expn',
+    unsupportedBlock: 'unsupb',
+    unsupportedInline: 'unsupi',
+    unknownBlock: 'unkb',
+    date: 'date'
+  },
+  marks: {
+    em: 'em',
+    strong: 'strong',
+    code: 'code',
+    strike: 'strike',
+    underline: 'undline',
+    link: 'lnk',
+    subsup: 'subsup',
+    textColor: 'txtclr',
+    unsupportedMark: 'unsupmrk',
+    unsupportedNodeAttribute: 'unsupnattr',
+    annotation: 'anno'
+  }
+};
+function shortHash(type, isMark) {
+  var code = hash[isMark ? 'marks' : 'nodes'][type];
+  return code ? code : type;
+}
+function compactStringifier(node) {
+  var _node$marks;
+  var isContentEmpty = !node.content;
+  var isTextNode = (node === null || node === void 0 ? void 0 : node.type) === 'text';
+  var hasMarks = (_node$marks = node.marks) === null || _node$marks === void 0 ? void 0 : _node$marks.length;
+  var isContentArray = Array.isArray(node.content);
+  var marks = function marks(child) {
+    if (hasMarks) {
+      return node.marks.reduce(function (str, mark) {
+        return "".concat(shortHash(mark, true), "(").concat(str, ")");
+      }, child);
+    }
+    return child;
+  };
+  var content;
+  if (isTextNode) {
+    content = String(node.nodeSize);
+  } else if (isContentEmpty) {
+    content = '';
+  } else if (isContentArray) {
+    content = node.content.map(function (node) {
+      return compactStringifier(node);
+    }).join(',');
+  }
+  return marks("".concat(shortHash(node.type, false), "(").concat(content, ")"));
+}
+export var getDocStructure = function getDocStructure(doc, options) {
+  try {
+    var result = getBlockNode(doc, 0);
+    if (options !== null && options !== void 0 && options.compact) {
+      return compactStringifier(result);
+    }
+    return result;
+  } catch (error) {
+    return "Error logging document structure: ".concat(error);
+  }
+};
+var getBlockNode = function getBlockNode(node, pos) {
+  var blockNode = {
+    type: node.type.name,
+    pos: pos,
+    nodeSize: node.nodeSize
+  };
+  var content = getBlockNodeContent(node.content, pos);
+  if (content.length > 0) {
+    blockNode.content = content;
+  }
+  var marks = getMarks(node);
+  if (marks.length > 0) {
+    blockNode.marks = marks;
+  }
+  return blockNode;
+};
+var getBlockNodeContent = function getBlockNodeContent(node, pos) {
+  if (!node || !node.content || !node.content.length) {
+    return [];
+  }
+  var blockNodeContent = [];
+  var content = node.content;
+  if (content[0].isBlock) {
+    // children are block nodes
+    var prevNode;
+    blockNodeContent = content.map(function (node) {
+      pos += prevNode ? prevNode.nodeSize : 1;
+      prevNode = node;
+      return getBlockNode(node, pos);
+    });
+  } else {
+    // children are inline nodes .
+    var result = getInlineNodes(content, pos);
+    blockNodeContent = result.inlineNodes;
+    pos = result.pos;
+  }
+  return blockNodeContent;
+};
+var getInlineNodes = function getInlineNodes(nodes, pos) {
+  var inlineNodes = nodes.map(function (node) {
+    var nodeSize = node.nodeSize;
+    var inlineNode = {
+      type: node.type.name,
+      pos: pos,
+      nodeSize: nodeSize
+    };
+    var marks = getMarks(node);
+    if (marks.length > 0) {
+      inlineNode.marks = marks;
+    }
+    pos += nodeSize;
+    return inlineNode;
+  });
+  return {
+    inlineNodes: inlineNodes,
+    pos: pos
+  };
+};
+var getMarks = function getMarks(node) {
+  return node.marks.map(function (mark) {
+    return mark.type.name;
+  });
+};

package/dist/esm/core-utils/index.js

@@ -1 +1,2 @@
-export { insideTable } from './inside';
+export { insideTable } from './inside';
+export { getDocStructure } from './document-logger';

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

@@ -0,0 +1,146 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["type"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/** @jsx jsx */
+
+import React from 'react';
+import { jsx } from '@emotion/react';
+import classnames from 'classnames';
+import { WithPluginState } from '../../..//with-plugin-state';
+import { useSharedPluginState } from '../../../hooks';
+import { overflowShadow } from '../../../ui';
+import { calculateBreakoutStyles } from '../../../utils';
+import ExtensionLozenge from '../Lozenge';
+import { overlay } from '../styles';
+import { content, contentWrapper, header, widerLayoutClassName, wrapperStyle } from './styles';
+function ExtensionWithPluginState(props) {
+  var node = props.node,
+    handleContentDOMRef = props.handleContentDOMRef,
+    children = props.children,
+    _props$widthState = props.widthState,
+    widthState = _props$widthState === void 0 ? {
+      width: 0
+    } : _props$widthState,
+    handleRef = props.handleRef,
+    shadowClassNames = props.shadowClassNames,
+    hideFrame = props.hideFrame,
+    editorAppearance = props.editorAppearance;
+  var hasBody = ['bodiedExtension', 'multiBodiedExtension'].includes(node.type.name);
+  var isMobile = editorAppearance === 'mobile';
+  var hasChildren = !!children;
+  var removeBorder = hideFrame && !isMobile && !hasBody || false;
+  var getPos = props.getPos,
+    view = props.view;
+  var isTopLevelNode = React.useMemo(function () {
+    var pos = typeof getPos === 'function' ? getPos() : undefined;
+    return typeof pos !== 'undefined' && !isNaN(pos) && view.state.doc.resolve(pos).depth === 0;
+    return false;
+  }, [view, getPos]);
+  var shouldBreakout =
+  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
+  ['full-width', 'wide'].includes(node.attrs.layout) &&
+  // Extension breakout state should only be respected for top level nodes.
+  isTopLevelNode &&
+  // Extension breakout state should not be respected when the editor appearance is full-width mode
+  editorAppearance !== 'full-width';
+  var classNames = classnames('extension-container', 'block', shadowClassNames, _defineProperty({
+    'with-overlay': !hasBody,
+    'without-frame': removeBorder
+  }, widerLayoutClassName, shouldBreakout));
+  var headerClassNames = classnames({
+    'with-children': hasChildren,
+    'without-frame': removeBorder
+  });
+  var customContainerStyles = {
+    width: '100%'
+  };
+  var newContentStyles = {};
+  if (shouldBreakout) {
+    var _calculateBreakoutSty = calculateBreakoutStyles({
+        mode: node.attrs.layout,
+        widthStateWidth: widthState.width,
+        widthStateLineLength: widthState.lineLength
+      }),
+      type = _calculateBreakoutSty.type,
+      breakoutStyles = _objectWithoutProperties(_calculateBreakoutSty, _excluded);
+    newContentStyles = _objectSpread({}, breakoutStyles);
+    customContainerStyles = breakoutStyles;
+  }
+  newContentStyles = _objectSpread(_objectSpread({}, newContentStyles), contentWrapper);
+  return jsx("div", {
+    ref: handleRef,
+    "data-layout": node.attrs.layout,
+    className: classNames,
+    css: wrapperStyle,
+    style: customContainerStyles
+  }, jsx("div", {
+    className: "extension-overflow-wrapper ".concat(hasBody ? 'with-body' : '')
+  }, jsx("div", {
+    css: overlay,
+    className: "extension-overlay"
+  }), jsx("div", {
+    css: header,
+    contentEditable: false,
+    className: headerClassNames
+  }, !removeBorder && jsx(ExtensionLozenge, {
+    node: node
+  }), children), hasBody && jsx("div", {
+    css: newContentStyles
+  }, jsx("div", {
+    css: content,
+    ref: handleContentDOMRef,
+    className: "extension-content block"
+  }))));
+}
+var Extension = function Extension(props) {
+  // TODO: ED-17836 This code is here because confluence injects
+  // the `editor-referentiality` plugin via `dangerouslyAppendPlugins`
+  // which cannot access the `pluginInjectionApi`. When we move
+  // Confluence to using presets we can remove this workaround.
+  var pluginInjectionApi = props.pluginInjectionApi;
+  return pluginInjectionApi === undefined ? jsx(ExtensionDeprecated, props) : jsx(ExtensionWithSharedState, props);
+};
+var ExtensionWithSharedState = function ExtensionWithSharedState(props) {
+  var pluginInjectionApi = props.pluginInjectionApi;
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
+    widthState = _useSharedPluginState.widthState;
+  return jsx(ExtensionWithPluginState, _extends({
+    widthState: widthState
+  }, props));
+};
+
+// TODO: ED-17836 This code is here because Confluence injects
+// the `editor-referentiality` plugin via `dangerouslyAppendPlugins`
+// which cannot access the `pluginInjectionApi`. When we move
+// Confluence to using presets we can remove this workaround.
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
+  }
+};
+var ExtensionDeprecated = function ExtensionDeprecated(props) {
+  return jsx(WithPluginState, {
+    editorView: props.view,
+    plugins: {
+      widthState: widthPluginKey
+    },
+    render: function render(_ref) {
+      var widthState = _ref.widthState;
+      return jsx(ExtensionWithPluginState, _extends({
+        widthState: widthState
+      }, props));
+    }
+  });
+};
+/**
+ * End workaround
+ */
+
+export default overflowShadow(Extension, {
+  overflowSelector: '.extension-overflow-wrapper'
+});

package/dist/esm/extensibility/Extension/Extension/styles.js

@@ -0,0 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { css } from '@emotion/react';
+import { N30 } from '@atlaskit/theme/colors';
+import { padding, wrapperDefault } from '../styles';
+export var widerLayoutClassName = 'wider-layout';
+export var wrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  &.without-frame {\n    background: transparent;\n  }\n  cursor: pointer;\n  width: 100%;\n\n  .extension-overflow-wrapper:not(.with-body) {\n    overflow-x: auto;\n  }\n"])), wrapperDefault);
+export var header = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px ", "px 0px;\n  vertical-align: middle;\n\n  &.with-children:not(.without-frame) {\n    padding: ", " ", "\n      ", ";\n  }\n  &.without-frame {\n    padding: 0;\n  }\n"])), padding / 2, padding / 2, "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+export var content = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", "px;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  cursor: initial;\n  width: 100%;\n"])), padding, "var(--ds-surface, white)", "var(--ds-border, ".concat(N30, ")"), "var(--ds-border-radius, 3px)");
+export var contentWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 0 ", "px ", "px;\n  display: flex;\n  justify-content: center;\n"])), padding, padding);

package/dist/esm/extensibility/Extension/InlineExtension/index.js

@@ -0,0 +1,43 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/** @jsx jsx */
+import React from 'react';
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
+import ExtensionLozenge from '../Lozenge';
+import { overlay } from '../styles';
+import { wrapperStyle } from './styles';
+var InlineExtension = /*#__PURE__*/function (_Component) {
+  _inherits(InlineExtension, _Component);
+  var _super = _createSuper(InlineExtension);
+  function InlineExtension() {
+    _classCallCheck(this, InlineExtension);
+    return _super.apply(this, arguments);
+  }
+  _createClass(InlineExtension, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        node = _this$props.node,
+        children = _this$props.children;
+      var hasChildren = !!children;
+      var className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
+      return jsx("div", {
+        css: wrapperStyle,
+        className: "extension-container inline ".concat(className)
+      }, jsx("div", {
+        css: overlay,
+        className: "extension-overlay"
+      }), children ? children : jsx(ExtensionLozenge, {
+        node: node
+      }));
+    }
+  }]);
+  return InlineExtension;
+}(Component);
+export { InlineExtension as default };