@atlaskit/adf-schema 49.0.5 → 49.1.0

package/dist/esm/schema/index.js

@@ -1,4 +1,4 @@
-export { PanelType, blockCard, blockquote, extendedBlockquote, bodiedExtension, bulletList, bulletListSelector, caption, codeBlock, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, decisionItem, decisionList, decisionListSelector, doc, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineExtension, layoutColumn, layoutSection, layoutSectionWithSingleColumn, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './nodes';
+export { PanelType, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, codeBlock, codeBlockWithLocalId, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, hardBreak, hardBreakWithLocalId, heading, image, inlineCard, inlineCardWithLocalId, inlineExtension, layoutColumn, layoutColumnWithLocalId, layoutSection, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './nodes';
 export { AnnotationTypes, alignment, alignmentPositionMap, annotation, breakout, code, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
 colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext } from './marks';
 export { unsupportedNodeTypesForMediaCards } from './unsupported';

package/dist/esm/schema/marks/background-color.js

@@ -26,17 +26,17 @@ var colorArrayPalette = [[Neutral300, 'Gray'],
 ];
 var colorArrayPaletteNext = [[Neutral300, 'Gray'],
 // token: color.background.accent.gray.subtler
-[T200, 'Teal'],
-// token: color.background.accent.teal.subtler
-[L200, 'Lime'],
-// token: color.background.accent.lime.subtler
-[Yellow200, 'Yellow'],
-// token: color.background.accent.yellow.subtler
-[O200, 'Orange'],
-// token: color.background.accent.orange.subtler
+[P200, 'Purple'],
+// token: color.background.accent.purple.subtler
 [M200, 'Magenta'],
 // token: color.background.accent.magenta.subtler
-[P200, 'Purple'] // token: color.background.accent.purple.subtler
+[O200, 'Orange'],
+// token: color.background.accent.orange.subtler
+[Yellow200, 'Yellow'],
+// token: color.background.accent.yellow.subtler
+[L200, 'Lime'],
+// token: color.background.accent.lime.subtler
+[T200, 'Teal'] // token: color.background.accent.teal.subtler
 ];
 
 // @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions

package/dist/esm/schema/nodes/block-card.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 import { blockCard as blockCardFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils';
 
 /**
  * @name blockCard_node
@@ -58,4 +59,50 @@ export var blockCard = blockCardFactory({
     };
     return ['a', attrs, (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) || ' '];
   }
+});
+export var blockCardWithLocalId = blockCardFactory({
+  parseDOM: [{
+    tag: 'a[data-block-card]',
+    // bump priority higher than hyperlink
+    priority: 100,
+    getAttrs: function getAttrs(dom) {
+      var anchor = dom;
+      return _objectSpread(_objectSpread({
+        url: anchor.getAttribute('href') || undefined
+      }, getCommonAttributesFromDom(dom)), {}, {
+        localId: uuid.generate()
+      });
+    }
+  }, {
+    tag: 'div[data-block-card]',
+    getAttrs: function getAttrs(dom) {
+      var anchor = dom;
+      return _objectSpread(_objectSpread({
+        url: anchor.getAttribute('data-card-url') || undefined
+      }, getCommonAttributesFromDom(dom)), {}, {
+        localId: uuid.generate()
+      });
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs2, _node$attrs3;
+    var _ref4 = node.attrs,
+      url = _ref4.url;
+    var _ref5 = node.attrs,
+      data = _ref5.data;
+    var _ref6 = node.attrs,
+      layout = _ref6.layout,
+      width = _ref6.width,
+      datasource = _ref6.datasource;
+    var attrs = {
+      'data-block-card': '',
+      href: url || '',
+      'data-card-data': data ? JSON.stringify(data) : '',
+      'data-datasource': datasource ? JSON.stringify(datasource) : '',
+      'data-layout': layout,
+      'data-width': "".concat(width),
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.localId) || undefined
+    };
+    return ['a', attrs, (node === null || node === void 0 ? void 0 : (_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.url) || ' '];
+  }
 });

package/dist/esm/schema/nodes/blockquote.js

@@ -1,5 +1,6 @@
 import { blockquote as blockquoteFactory } from '../../next-schema/generated/nodeTypes';
 import { blockquoteLegacy as blockquoteLegacyFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils';
 
 /**
  * @name blockquote_node
@@ -19,4 +20,21 @@ export var blockquote = blockquoteLegacyFactory(nodeSpecOptions);
  * @name extentedBlockquote
  * @description the block quote node with nested code block, media, and extension
  */
-export var extendedBlockquote = blockquoteFactory(nodeSpecOptions);
+export var extendedBlockquote = blockquoteFactory(nodeSpecOptions);
+var nodeSpecOptionsWithLocalId = {
+  parseDOM: [{
+    tag: 'blockquote',
+    getAttrs: function getAttrs() {
+      return {
+        localId: uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    return ['blockquote', {
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
+    }, 0];
+  }
+};
+export var extendedBlockquoteWithLocalId = blockquoteFactory(nodeSpecOptionsWithLocalId);

package/dist/esm/schema/nodes/bullet-list.js

@@ -1,3 +1,4 @@
+import { uuid } from '../../utils';
 import { bulletList as bulletListFactory } from '../../next-schema/generated/nodeTypes';
 export var bulletListSelector = '.ak-ul';
 export var bulletList = bulletListFactory({
@@ -10,4 +11,22 @@ export var bulletList = bulletListFactory({
     };
     return ['ul', attrs, 0];
   }
+});
+export var bulletListWithLocalId = bulletListFactory({
+  parseDOM: [{
+    tag: 'ul',
+    getAttrs: function getAttrs() {
+      return {
+        localId: uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    var attrs = {
+      class: bulletListSelector.substr(1),
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
+    };
+    return ['ul', attrs, 0];
+  }
 });

package/dist/esm/schema/nodes/caption.js

@@ -1,4 +1,5 @@
 import { caption as captionFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils';
 
 /**
  * @name caption_node
@@ -14,4 +15,22 @@ export var caption = captionFactory({
     };
     return ['figcaption', attrs, 0];
   }
+});
+export var captionWithLocalId = captionFactory({
+  parseDOM: [{
+    tag: 'figcaption[data-caption]',
+    getAttrs: function getAttrs() {
+      return {
+        localId: uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    var attrs = {
+      'data-caption': 'true',
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
+    };
+    return ['figcaption', attrs, 0];
+  }
 });

package/dist/esm/schema/nodes/code-block.js

@@ -1,5 +1,6 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { codeBlock as codeBlockFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils';
 
 /**
  * @name codeBlock_with_no_marks_node
@@ -145,4 +146,73 @@ export var toJSON = function toJSON(node) {
       return memo;
     }, {})
   };
-};
+};
+export var codeBlockWithLocalId = codeBlockFactory({
+  parseDOM: [{
+    tag: 'pre',
+    preserveWhitespace: 'full',
+    getAttrs: function getAttrs(domNode) {
+      var dom = domNode;
+      var language = getLanguageFromBitbucketStyle(dom.parentElement) || getLanguageFromEditorStyle(dom.parentElement) || getLanguageFromCode(dom) || dom.getAttribute('data-language');
+      dom = removeLastNewLine(dom);
+      return {
+        language: language,
+        localId: uuid.generate()
+      };
+    }
+  },
+  // Handle VSCode, Android Studio paste
+  // Checking `white-space: pre-wrap` is too aggressive @see ED-2627
+  {
+    tag: 'div[style]',
+    preserveWhitespace: 'full',
+    getAttrs: function getAttrs(domNode) {
+      var dom = domNode;
+      if (dom.style.whiteSpace === 'pre' || dom.style.fontFamily && dom.style.fontFamily.toLowerCase().indexOf('monospace') > -1) {
+        return {};
+      }
+      return false;
+    },
+    getContent: function getContent(domNode, schema) {
+      var code = parseCodeFromHtml(domNode);
+      return code ? Fragment.from(schema.text(code)) : Fragment.empty;
+    }
+  },
+  // Handle GitHub/Gist paste
+  {
+    tag: 'table[style]',
+    preserveWhitespace: 'full',
+    getAttrs: function getAttrs(dom) {
+      if (dom.querySelector('td[class*="blob-code"]')) {
+        return {};
+      }
+      return false;
+    }
+  }, {
+    tag: 'div.code-block',
+    preserveWhitespace: 'full',
+    getAttrs: function getAttrs(domNode) {
+      var dom = domNode;
+      // TODO: ED-5604 Fix it inside `react-syntax-highlighter`
+      // Remove line numbers
+      var lineNumber = dom.querySelectorAll('.react-syntax-highlighter-line-number');
+      if (lineNumber.length > 0) {
+        // It's possible to copy without the line numbers too hence this
+        // `react-syntax-highlighter-line-number` check, so that we don't remove real code
+        lineNumber.forEach(function (line) {
+          return line.remove();
+        });
+      }
+      return {};
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    var attrs = {
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
+    };
+    return ['pre', attrs, ['code', {
+      'data-language': node.attrs.language
+    }, 0]];
+  }
+});

package/dist/esm/schema/nodes/date.js

@@ -1,4 +1,5 @@
 import { date as dateFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils';
 
 /**
  * @name date_node
@@ -20,4 +21,24 @@ export var date = dateFactory({
     };
     return ['span', attrs];
   }
+});
+export var dateWithLocalId = dateFactory({
+  parseDOM: [{
+    tag: 'span[data-node-type="date"]',
+    getAttrs: function getAttrs(dom) {
+      return {
+        timestamp: dom.getAttribute('data-timestamp'),
+        localId: uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    var attrs = {
+      'data-node-type': 'date',
+      'data-timestamp': node.attrs.timestamp,
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
+    };
+    return ['span', attrs];
+  }
 });

package/dist/esm/schema/nodes/embed-card.js

@@ -1,4 +1,5 @@
 import { embedCard as embedCardFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils/uuid';
 
 /**
  * @name embedCard_node
@@ -34,4 +35,38 @@ export var embedCard = embedCardFactory({
     };
     return ['div', attrs];
   }
+});
+export var embedCardWithLocalId = embedCardFactory({
+  parseDOM: [{
+    tag: 'div[data-embed-card]',
+    getAttrs: function getAttrs(dom) {
+      return {
+        url: dom.getAttribute('data-card-url'),
+        layout: dom.getAttribute('data-layout') || 'center',
+        width: Number(dom.getAttribute('data-width')) || null,
+        originalWidth: Number(dom.getAttribute('data-card-original-width')) || null,
+        originalHeight: Number(dom.getAttribute('data-card-original-height')) || null,
+        localId: uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs3;
+    var _node$attrs2 = node.attrs,
+      url = _node$attrs2.url,
+      layout = _node$attrs2.layout,
+      width = _node$attrs2.width,
+      originalWidth = _node$attrs2.originalWidth,
+      originalHeight = _node$attrs2.originalHeight;
+    var attrs = {
+      'data-embed-card': '',
+      'data-card-url': url,
+      'data-layout': layout,
+      'data-width': width,
+      'data-original-width': originalWidth,
+      'data-original-height': originalHeight,
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.localId) || undefined
+    };
+    return ['div', attrs];
+  }
 });

package/dist/esm/schema/nodes/emoji.js

@@ -1,5 +1,9 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
 import { acNameToEmoji, acShortcutToEmoji } from '../../utils/confluence/emoji';
 import { emoji as emojiFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils/uuid';
 
 /**
  * @name emoji_node
@@ -61,4 +65,71 @@ export var emoji = emojiFactory({
     };
     return ['span', attrs, text];
   }
+});
+export var emojiWithLocalId = emojiFactory({
+  parseDOM: [
+  // Handle copy/paste beautiful panel from renderer />
+  {
+    tag: 'div.ak-editor-panel__icon span',
+    ignore: true
+  }, {
+    tag: 'span[data-emoji-short-name]',
+    getAttrs: function getAttrs(domNode) {
+      var dom = domNode;
+      return {
+        shortName: dom.getAttribute('data-emoji-short-name') || emoji.attrs.shortName.default,
+        id: dom.getAttribute('data-emoji-id') || emoji.attrs.id.default,
+        text: dom.getAttribute('data-emoji-text') || emoji.attrs.text.default,
+        localId: uuid.generate()
+      };
+    }
+  },
+  // Handle copy/paste from old <ac:emoticon />
+  {
+    tag: 'img[data-emoticon-name]',
+    getAttrs: function getAttrs(dom) {
+      var attrs = acNameToEmoji(dom.getAttribute('data-emoticon-name'));
+      return _objectSpread(_objectSpread({}, attrs), {}, {
+        localId: uuid.generate()
+      });
+    }
+  },
+  // Handle copy/paste from old <ac:hipchat-emoticons />
+  {
+    tag: 'img[data-hipchat-emoticon]',
+    getAttrs: function getAttrs(dom) {
+      var attrs = acShortcutToEmoji(dom.getAttribute('data-hipchat-emoticon'));
+      return _objectSpread(_objectSpread({}, attrs), {}, {
+        localId: uuid.generate()
+      });
+    }
+  },
+  // Handle copy/paste from bitbucket's <img class="emoji" />
+  {
+    tag: 'img.emoji[data-emoji-short-name]',
+    getAttrs: function getAttrs(domNode) {
+      var dom = domNode;
+      return {
+        shortName: dom.getAttribute('data-emoji-short-name') || emoji.attrs.shortName.default,
+        id: dom.getAttribute('data-emoji-id') || emoji.attrs.id.default,
+        text: dom.getAttribute('data-emoji-text') || emoji.attrs.text.default,
+        localId: uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs3;
+    var _node$attrs2 = node.attrs,
+      shortName = _node$attrs2.shortName,
+      id = _node$attrs2.id,
+      text = _node$attrs2.text;
+    var attrs = {
+      'data-emoji-short-name': shortName,
+      'data-emoji-id': id,
+      'data-emoji-text': text,
+      contenteditable: 'false',
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.localId) || undefined
+    };
+    return ['span', attrs, text];
+  }
 });

package/dist/esm/schema/nodes/expand.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 import { expand as expandFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils/uuid';
 
 /**
  * @name expand_node
@@ -55,6 +56,60 @@ var nodeSpecOptions = {
   }
 };
 export var expandWithNestedExpand = expandFactory(nodeSpecOptions);
+export var expandWithNestedExpandLocalId = expandFactory({
+  parseDOM: [{
+    context: 'table//',
+    tag: 'div[data-node-type="expand"]',
+    getAttrs: function getAttrs(dom) {
+      var attrs = getExpandAttrs(dom);
+      return _objectSpread(_objectSpread({}, attrs), {}, {
+        localId: uuid.generate()
+      });
+    }
+  }, {
+    context: 'expand//',
+    tag: '[data-node-type="expand"]',
+    getAttrs: function getAttrs(dom) {
+      var attrs = getExpandAttrs(dom);
+      return _objectSpread(_objectSpread({}, attrs), {}, {
+        localId: uuid.generate()
+      });
+    }
+  }, {
+    context: 'nestedExpand//',
+    tag: '[data-node-type="expand"]',
+    getAttrs: function getAttrs(dom) {
+      var attrs = getExpandAttrs(dom);
+      return _objectSpread(_objectSpread({}, attrs), {}, {
+        localId: uuid.generate()
+      });
+    }
+  }, {
+    tag: '[data-node-type="nestedExpand"] button',
+    ignore: true
+  }, {
+    tag: '[data-node-type="expand"] button',
+    ignore: true
+  }, {
+    tag: 'div[data-node-type="expand"]',
+    getAttrs: function getAttrs(dom) {
+      var attrs = getExpandAttrs(dom);
+      return _objectSpread(_objectSpread({}, attrs), {}, {
+        localId: uuid.generate()
+      });
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    var attrs = {
+      'data-node-type': 'expand',
+      'data-title': node.attrs.title,
+      'data-expanded': node.attrs.__expanded,
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
+    };
+    return ['div', attrs, 0];
+  }
+});
 export var toJSON = function toJSON(node) {
   return {
     attrs: Object.keys(node.attrs).filter(function (key) {

package/dist/esm/schema/nodes/hard-break.js

@@ -1,3 +1,4 @@
+import { uuid } from '../../utils/uuid';
 import { hardBreak as hardBreakFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
@@ -11,4 +12,20 @@ export var hardBreak = hardBreakFactory({
   toDOM: function toDOM() {
     return ['br'];
   }
+});
+export var hardBreakWithLocalId = hardBreakFactory({
+  parseDOM: [{
+    tag: 'br',
+    getAttrs: function getAttrs() {
+      return {
+        localId: uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    return ['br', {
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
+    }];
+  }
 });

package/dist/esm/schema/nodes/index.js

@@ -1,44 +1,44 @@
-export { expandWithNestedExpand, toJSON as expandToJSON } from './expand';
+export { expandWithNestedExpand, expandWithNestedExpandLocalId, toJSON as expandToJSON } from './expand';
 export { confluenceJiraIssue } from './confluence-jira-issue';
 export { confluenceUnsupportedBlock } from './confluence-unsupported-block';
 export { confluenceUnsupportedInline } from './confluence-unsupported-inline';
 export { doc } from './doc';
-export { blockquote, extendedBlockquote } from './blockquote';
-export { bulletList, bulletListSelector } from './bullet-list';
-export { codeBlock, toJSON as codeBlockToJSON } from './code-block';
-export { hardBreak } from './hard-break';
+export { blockquote, extendedBlockquote, extendedBlockquoteWithLocalId } from './blockquote';
+export { bulletList, bulletListSelector, bulletListWithLocalId } from './bullet-list';
+export { codeBlock, codeBlockWithLocalId, toJSON as codeBlockToJSON } from './code-block';
+export { hardBreak, hardBreakWithLocalId } from './hard-break';
 export { heading } from './heading';
-export { rule } from './rule';
-export { orderedList, orderedListSelector, orderedListWithOrder } from './ordered-list';
+export { rule, ruleWithLocalId } from './rule';
+export { orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId } from './ordered-list';
 export { paragraph } from './paragraph';
-export { emoji } from './emoji';
+export { emoji, emojiWithLocalId } from './emoji';
 export { image } from './image';
 export { mention, toJSON as mentionToJSON } from './mention';
 export { listItem, listItemWithDecisionStage0 } from './list-item';
-export { extendedPanel, PanelType } from './panel';
+export { extendedPanel, extendedPanelWithLocalId, PanelType } from './panel';
 export { text } from './text';
 export { default as unknownBlock } from './unknown-block';
-export { caption } from './caption';
+export { caption, captionWithLocalId } from './caption';
 export { media, copyPrivateAttributes as copyPrivateMediaAttributes, toJSON as mediaToJSON } from './media';
 export { mediaGroup } from './media-group';
 export { mediaInline } from './media-inline';
-export { mediaSingle, mediaSingleSpec, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, toJSON as mediaSingleToJSON } from './media-single';
+export { mediaSingle, mediaSingleSpec, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, toJSON as mediaSingleToJSON } from './media-single';
 export { table, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableStage0, tableWithCustomWidth, tableToJSON, tableCell, toJSONTableCell, tableHeader, toJSONTableHeader, tableRow, tableBackgroundColorPalette, tableBackgroundBorderColor, tableBackgroundColorNames, getCellAttrs, getCellDomAttrs, tablePrefixSelector, tableCellSelector, tableHeaderSelector, tableCellContentWrapperSelector, tableCellContentDomSelector } from './tableNodes';
 export { decisionList, decisionListSelector } from './decision-list';
 export { decisionItem } from './decision-item';
 export { taskList, taskListSelector } from './task-list';
 export { taskItem } from './task-item';
-export { date } from './date';
-export { placeholder } from './placeholder';
-export { layoutSection, layoutSectionWithSingleColumn } from './layout-section';
-export { layoutColumn } from './layout-column';
-export { inlineCard } from './inline-card';
-export { blockCard } from './block-card';
+export { date, dateWithLocalId } from './date';
+export { placeholder, placeholderWithLocalId } from './placeholder';
+export { layoutSection, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId } from './layout-section';
+export { layoutColumn, layoutColumnWithLocalId } from './layout-column';
+export { inlineCard, inlineCardWithLocalId } from './inline-card';
+export { blockCard, blockCardWithLocalId } from './block-card';
 export { unsupportedBlock } from './unsupported-block';
 export { unsupportedInline } from './unsupported-inline';
 export { status } from './status';
-export { nestedExpand } from './nested-expand';
-export { embedCard } from './embed-card';
+export { nestedExpand, nestedExpandWithLocalId } from './nested-expand';
+export { embedCard, embedCardWithLocalId } from './embed-card';
 // Extensions
 export { extension } from './extension';
 export { inlineExtension } from './inline-extension';

package/dist/esm/schema/nodes/inline-card.js

@@ -1,4 +1,5 @@
 import { inlineCard as inlineCardFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils/uuid';
 
 /**
  * @name inlineCard_node
@@ -44,4 +45,48 @@ export var inlineCard = inlineCardFactory({
       return ['a', attrs];
     }
   }
+});
+export var inlineCardWithLocalId = inlineCardFactory({
+  parseDOM: [{
+    tag: 'a[data-inline-card], span[data-inline-card]',
+    // bump priority higher than hyperlink
+    priority: 100,
+    getAttrs: function getAttrs(dom) {
+      var anchor = dom;
+      var data = anchor.getAttribute('data-card-data');
+
+      /* Support attrs from Editor and Renderer */
+      return {
+        url: anchor.getAttribute('href') || anchor.getAttribute('data-card-url') || null,
+        data: data ? JSON.parse(data) : null
+      };
+    }
+  },
+  // for renderer
+  {
+    tag: 'div[data-inline-card]',
+    getAttrs: function getAttrs(dom) {
+      var anchor = dom;
+      var data = anchor.getAttribute('data-card-data');
+      return {
+        url: anchor.getAttribute('data-card-url'),
+        data: data ? JSON.parse(data) : null,
+        localId: uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    var attrs = {
+      'data-inline-card': '',
+      href: node.attrs.url || '',
+      'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
+    };
+    if (node.attrs.url) {
+      return ['a', attrs, node.attrs.url];
+    } else {
+      return ['a', attrs];
+    }
+  }
 });