@atlaskit/adf-schema 49.0.6 → 50.0.0

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

@@ -16,6 +16,12 @@ Object.defineProperty(exports, "blockCard", {
     return _blockCard.blockCard;
   }
 });
+Object.defineProperty(exports, "blockCardWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _blockCard.blockCardWithLocalId;
+  }
+});
 Object.defineProperty(exports, "blockquote", {
   enumerable: true,
   get: function get() {
@@ -40,12 +46,24 @@ Object.defineProperty(exports, "bulletListSelector", {
     return _bulletList.bulletListSelector;
   }
 });
+Object.defineProperty(exports, "bulletListWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _bulletList.bulletListWithLocalId;
+  }
+});
 Object.defineProperty(exports, "caption", {
   enumerable: true,
   get: function get() {
     return _caption.caption;
   }
 });
+Object.defineProperty(exports, "captionWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _caption.captionWithLocalId;
+  }
+});
 Object.defineProperty(exports, "codeBlock", {
   enumerable: true,
   get: function get() {
@@ -58,6 +76,12 @@ Object.defineProperty(exports, "codeBlockToJSON", {
     return _codeBlock.toJSON;
   }
 });
+Object.defineProperty(exports, "codeBlockWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _codeBlock.codeBlockWithLocalId;
+  }
+});
 Object.defineProperty(exports, "confluenceJiraIssue", {
   enumerable: true,
   get: function get() {
@@ -88,6 +112,12 @@ Object.defineProperty(exports, "date", {
     return _date.date;
   }
 });
+Object.defineProperty(exports, "dateWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _date.dateWithLocalId;
+  }
+});
 Object.defineProperty(exports, "decisionItem", {
   enumerable: true,
   get: function get() {
@@ -118,12 +148,24 @@ Object.defineProperty(exports, "embedCard", {
     return _embedCard.embedCard;
   }
 });
+Object.defineProperty(exports, "embedCardWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _embedCard.embedCardWithLocalId;
+  }
+});
 Object.defineProperty(exports, "emoji", {
   enumerable: true,
   get: function get() {
     return _emoji.emoji;
   }
 });
+Object.defineProperty(exports, "emojiWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _emoji.emojiWithLocalId;
+  }
+});
 Object.defineProperty(exports, "expandToJSON", {
   enumerable: true,
   get: function get() {
@@ -136,18 +178,36 @@ Object.defineProperty(exports, "expandWithNestedExpand", {
     return _expand.expandWithNestedExpand;
   }
 });
+Object.defineProperty(exports, "expandWithNestedExpandLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _expand.expandWithNestedExpandLocalId;
+  }
+});
 Object.defineProperty(exports, "extendedBlockquote", {
   enumerable: true,
   get: function get() {
     return _blockquote.extendedBlockquote;
   }
 });
+Object.defineProperty(exports, "extendedBlockquoteWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _blockquote.extendedBlockquoteWithLocalId;
+  }
+});
 Object.defineProperty(exports, "extendedPanel", {
   enumerable: true,
   get: function get() {
     return _panel.extendedPanel;
   }
 });
+Object.defineProperty(exports, "extendedPanelWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _panel.extendedPanelWithLocalId;
+  }
+});
 Object.defineProperty(exports, "extension", {
   enumerable: true,
   get: function get() {
@@ -178,6 +238,12 @@ Object.defineProperty(exports, "hardBreak", {
     return _hardBreak.hardBreak;
   }
 });
+Object.defineProperty(exports, "hardBreakWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _hardBreak.hardBreakWithLocalId;
+  }
+});
 Object.defineProperty(exports, "heading", {
   enumerable: true,
   get: function get() {
@@ -196,6 +262,12 @@ Object.defineProperty(exports, "inlineCard", {
     return _inlineCard.inlineCard;
   }
 });
+Object.defineProperty(exports, "inlineCardWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _inlineCard.inlineCardWithLocalId;
+  }
+});
 Object.defineProperty(exports, "inlineExtension", {
   enumerable: true,
   get: function get() {
@@ -208,6 +280,12 @@ Object.defineProperty(exports, "layoutColumn", {
     return _layoutColumn.layoutColumn;
   }
 });
+Object.defineProperty(exports, "layoutColumnWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _layoutColumn.layoutColumnWithLocalId;
+  }
+});
 Object.defineProperty(exports, "layoutSection", {
   enumerable: true,
   get: function get() {
@@ -220,6 +298,12 @@ Object.defineProperty(exports, "layoutSectionWithSingleColumn", {
     return _layoutSection.layoutSectionWithSingleColumn;
   }
 });
+Object.defineProperty(exports, "layoutSectionWithSingleColumnLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _layoutSection.layoutSectionWithSingleColumnLocalId;
+  }
+});
 Object.defineProperty(exports, "listItem", {
   enumerable: true,
   get: function get() {
@@ -262,6 +346,12 @@ Object.defineProperty(exports, "mediaSingleFull", {
     return _mediaSingle.mediaSingleFull;
   }
 });
+Object.defineProperty(exports, "mediaSingleFullWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _mediaSingle.mediaSingleFullWithLocalId;
+  }
+});
 Object.defineProperty(exports, "mediaSingleSpec", {
   enumerable: true,
   get: function get() {
@@ -316,6 +406,12 @@ Object.defineProperty(exports, "nestedExpand", {
     return _nestedExpand.nestedExpand;
   }
 });
+Object.defineProperty(exports, "nestedExpandWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _nestedExpand.nestedExpandWithLocalId;
+  }
+});
 Object.defineProperty(exports, "orderedList", {
   enumerable: true,
   get: function get() {
@@ -328,12 +424,24 @@ Object.defineProperty(exports, "orderedListSelector", {
     return _orderedList.orderedListSelector;
   }
 });
+Object.defineProperty(exports, "orderedListWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _orderedList.orderedListWithLocalId;
+  }
+});
 Object.defineProperty(exports, "orderedListWithOrder", {
   enumerable: true,
   get: function get() {
     return _orderedList.orderedListWithOrder;
   }
 });
+Object.defineProperty(exports, "orderedListWithOrderAndLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _orderedList.orderedListWithOrderAndLocalId;
+  }
+});
 Object.defineProperty(exports, "paragraph", {
   enumerable: true,
   get: function get() {
@@ -346,12 +454,24 @@ Object.defineProperty(exports, "placeholder", {
     return _placeholder.placeholder;
   }
 });
+Object.defineProperty(exports, "placeholderWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _placeholder.placeholderWithLocalId;
+  }
+});
 Object.defineProperty(exports, "rule", {
   enumerable: true,
   get: function get() {
     return _rule.rule;
   }
 });
+Object.defineProperty(exports, "ruleWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _rule.ruleWithLocalId;
+  }
+});
 Object.defineProperty(exports, "status", {
   enumerable: true,
   get: function get() {
@@ -406,6 +526,12 @@ Object.defineProperty(exports, "tableCellSelector", {
     return _tableNodes.tableCellSelector;
   }
 });
+Object.defineProperty(exports, "tableCellWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _tableNodes.tableCellWithLocalId;
+  }
+});
 Object.defineProperty(exports, "tableCellWithNestedTable", {
   enumerable: true,
   get: function get() {
@@ -424,6 +550,12 @@ Object.defineProperty(exports, "tableHeaderSelector", {
     return _tableNodes.tableHeaderSelector;
   }
 });
+Object.defineProperty(exports, "tableHeaderWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _tableNodes.tableHeaderWithLocalId;
+  }
+});
 Object.defineProperty(exports, "tableHeaderWithNestedTable", {
   enumerable: true,
   get: function get() {
@@ -442,6 +574,12 @@ Object.defineProperty(exports, "tableRow", {
     return _tableNodes.tableRow;
   }
 });
+Object.defineProperty(exports, "tableRowWithLocalId", {
+  enumerable: true,
+  get: function get() {
+    return _tableNodes.tableRowWithLocalId;
+  }
+});
 Object.defineProperty(exports, "tableRowWithNestedTable", {
   enumerable: true,
   get: function get() {

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.inlineCard = void 0;
+exports.inlineCardWithLocalId = exports.inlineCard = void 0;
 var _nodeTypes = require("../../next-schema/generated/nodeTypes");
+var _uuid = require("../../utils/uuid");
 /**
  * @name inlineCard_node
  */
@@ -49,4 +50,48 @@ var inlineCard = exports.inlineCard = (0, _nodeTypes.inlineCard)({
       return ['a', attrs];
     }
   }
+});
+var inlineCardWithLocalId = exports.inlineCardWithLocalId = (0, _nodeTypes.inlineCard)({
+  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.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];
+    }
+  }
 });

package/dist/cjs/schema/nodes/layout-column.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.layoutColumn = void 0;
+exports.layoutColumnWithLocalId = exports.layoutColumn = void 0;
 var _nodeTypes = require("../../next-schema/generated/nodeTypes");
+var _uuid = require("../../utils/uuid");
 /**
  * @name layoutColumn_node
  */
@@ -33,6 +34,41 @@ var layoutColumn = exports.layoutColumn = (0, _nodeTypes.layoutColumn)({
       attrs['data-column-width'] = "".concat(width);
     }
 
+    // We need to apply a attribute to the inner most child to help
+    // ProseMirror identify its boundaries better.
+    var contentAttrs = {
+      'data-layout-content': 'true'
+    };
+    return ['div', attrs, ['div', contentAttrs, 0]];
+  }
+});
+var layoutColumnWithLocalId = exports.layoutColumnWithLocalId = (0, _nodeTypes.layoutColumn)({
+  parseDOM: [{
+    context: 'layoutColumn//',
+    tag: 'div[data-layout-column]',
+    skip: true
+  }, {
+    tag: 'div[data-layout-column]',
+    getAttrs: function getAttrs(domNode) {
+      var dom = domNode;
+      return {
+        width: Number(dom.getAttribute('data-column-width')) || undefined,
+        localId: _uuid.uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    var attrs = {
+      'data-layout-column': '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
+    };
+    var width = node.attrs.width;
+    if (width) {
+      attrs['style'] = "flex-basis: ".concat(width, "%");
+      attrs['data-column-width'] = "".concat(width);
+    }
+
     // We need to apply a attribute to the inner most child to help
     // ProseMirror identify its boundaries better.
     var contentAttrs = {

package/dist/cjs/schema/nodes/layout-section.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.layoutSectionWithSingleColumn = exports.layoutSectionFull = exports.layoutSection = void 0;
+exports.layoutSectionWithSingleColumnLocalId = exports.layoutSectionWithSingleColumn = exports.layoutSectionFull = exports.layoutSection = void 0;
 var _nodeTypes = require("../../next-schema/generated/nodeTypes");
+var _uuid = require("../../utils/uuid");
 /**
  * @name layoutSection_node
  */
@@ -76,4 +77,33 @@ var layoutSectionWithSingleColumn = exports.layoutSectionWithSingleColumn = (0,
     };
     return ['div', attrs, 0];
   }
+});
+var layoutSectionWithSingleColumnLocalId = exports.layoutSectionWithSingleColumnLocalId = (0, _nodeTypes.layoutSectionWithSingleColumnStage0)({
+  parseDOM: [{
+    context: 'layoutSection//|layoutColumn//',
+    tag: 'div[data-layout-section]',
+    skip: true
+  }, {
+    tag: 'div[data-layout-section]',
+    getAttrs: function getAttrs(dom) {
+      var columnRuleStyle = dom.getAttribute('data-column-rule-style');
+      var localId = _uuid.uuid.generate();
+      return columnRuleStyle ? {
+        columnRuleStyle: columnRuleStyle,
+        localId: localId
+      } : {
+        localId: localId
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    var columnRuleStyle = node.attrs.columnRuleStyle;
+    var attrs = {
+      'data-layout-section': 'true',
+      'data-column-rule-style': columnRuleStyle || undefined,
+      '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];
+  }
 });

package/dist/cjs/schema/nodes/list-item.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.listItemWithDecisionStage0 = exports.listItem = void 0;
+exports.listItemWithNestedDecisionAndLocalIdStage0 = exports.listItemWithLocalId = exports.listItemWithDecisionStage0 = exports.listItem = void 0;
+var _utils = require("../../utils");
 var _nodeTypes = require("../../next-schema/generated/nodeTypes");
 /**
  * @name list_item
@@ -17,6 +18,22 @@ var listItem = exports.listItem = (0, _nodeTypes.listItem)({
     return ['li', 0];
   }
 });
+var listItemWithLocalId = exports.listItemWithLocalId = (0, _nodeTypes.listItem)({
+  parseDOM: [{
+    tag: 'li',
+    getAttrs: function getAttrs() {
+      return {
+        localId: _utils.uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs;
+    return ['li', {
+      '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];
+  }
+});
 
 /**
  * @name list_item_with_decision_stage0
@@ -29,4 +46,20 @@ var listItemWithDecisionStage0 = exports.listItemWithDecisionStage0 = (0, _nodeT
   toDOM: function toDOM() {
     return ['li', 0];
   }
+});
+var listItemWithNestedDecisionAndLocalIdStage0 = exports.listItemWithNestedDecisionAndLocalIdStage0 = (0, _nodeTypes.listItemWithNestedDecisionStage0)({
+  parseDOM: [{
+    tag: 'li',
+    getAttrs: function getAttrs() {
+      return {
+        localId: _utils.uuid.generate()
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs2;
+    return ['li', {
+      '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
+    }, 0];
+  }
 });

package/dist/cjs/schema/nodes/media-inline.js

@@ -1,13 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mediaInline = void 0;
+exports.mediaInlineWithLocalId = exports.mediaInline = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _media = require("./media");
+var _uuid = require("../../utils/uuid");
 var _nodeTypes = require("../../next-schema/generated/nodeTypes");
+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) { (0, _defineProperty2.default)(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; }
 /**
  * @name mediaInline_node
  */
 
-var mediaInline = exports.mediaInline = (0, _media.createMediaSpec)((0, _nodeTypes.mediaInline)({}).attrs, true);
+var mediaInline = exports.mediaInline = (0, _media.createMediaSpec)((0, _nodeTypes.mediaInline)({}).attrs, true);
+var mediaInlineWithLocalId = exports.mediaInlineWithLocalId = (0, _media.createMediaSpec)(_objectSpread(_objectSpread({}, (0, _nodeTypes.mediaInline)({}).attrs), {}, {
+  localId: {
+    default: _uuid.uuid.generate()
+  }
+}), true, true);

package/dist/cjs/schema/nodes/media-single.js

@@ -4,11 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toJSON = exports.mediaSingleWithWidthType = exports.mediaSingleWithCaption = exports.mediaSingleSpec = exports.mediaSingleFull = exports.mediaSingle = exports.defaultAttrs = void 0;
+exports.toJSON = exports.mediaSingleWithWidthType = exports.mediaSingleWithCaption = exports.mediaSingleSpec = exports.mediaSingleFullWithLocalId = exports.mediaSingleFull = exports.mediaSingle = exports.defaultAttrs = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _richMediaCommon = require("./types/rich-media-common");
 var _parseDOM = require("../../utils/parseDOM");
 var _nodeTypes = require("../../next-schema/generated/nodeTypes");
+var _uuid = require("../../utils/uuid");
 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) { (0, _defineProperty2.default)(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; }
 /**
@@ -45,7 +46,9 @@ var mediaSingleSpec = exports.mediaSingleSpec = function mediaSingleSpec(_ref) {
   var _ref$withCaption = _ref.withCaption,
     withCaption = _ref$withCaption === void 0 ? false : _ref$withCaption,
     _ref$withExtendedWidt = _ref.withExtendedWidthTypes,
-    withExtendedWidthTypes = _ref$withExtendedWidt === void 0 ? false : _ref$withExtendedWidt;
+    withExtendedWidthTypes = _ref$withExtendedWidt === void 0 ? false : _ref$withExtendedWidt,
+    _ref$generateLocalId = _ref.generateLocalId,
+    generateLocalId = _ref$generateLocalId === void 0 ? false : _ref$generateLocalId;
   var getAttrs = function getAttrs(dom) {
     if (!(0, _parseDOM.isDOMElement)(dom)) {
       // this should never happen
@@ -56,6 +59,14 @@ var mediaSingleSpec = exports.mediaSingleSpec = function mediaSingleSpec(_ref) {
     var layout = dom.getAttribute('data-layout') || 'center';
     var width = Number(dom.getAttribute('data-width')) || null;
     var widthType = dom.getAttribute('data-width-type');
+    if (generateLocalId) {
+      return {
+        layout: layout,
+        width: width,
+        widthType: widthType,
+        localId: _uuid.uuid.generate()
+      };
+    }
     if (withExtendedWidthTypes) {
       return {
         layout: layout,
@@ -84,6 +95,10 @@ var mediaSingleSpec = exports.mediaSingleSpec = function mediaSingleSpec(_ref) {
       'data-layout': layout,
       'data-width': ''
     };
+    if (generateLocalId) {
+      var _node$attrs2;
+      attrs['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;
+    }
     if (width) {
       attrs['data-width'] = isFinite(width) && Math.floor(width) === width ? width : width.toFixed(2);
     }
@@ -154,6 +169,11 @@ var mediaSingleFull = exports.mediaSingleFull = mediaSingleSpec({
   withCaption: true,
   withExtendedWidthTypes: true
 });
+var mediaSingleFullWithLocalId = exports.mediaSingleFullWithLocalId = mediaSingleSpec({
+  withCaption: true,
+  withExtendedWidthTypes: true,
+  generateLocalId: true
+});
 var toJSON = exports.toJSON = function toJSON(node) {
   return {
     attrs: Object.keys(node.attrs).reduce(function (obj, key) {

package/dist/cjs/schema/nodes/media.js

@@ -1,11 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toJSON = exports.media = exports.defaultAttrs = exports.createMediaSpec = exports.copyPrivateAttributes = exports.camelCaseToKebabCase = void 0;
+exports.toJSON = exports.mediaWithLocalId = exports.media = exports.defaultAttrs = exports.createMediaSpec = exports.copyPrivateAttributes = exports.camelCaseToKebabCase = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _colors = require("../../utils/colors");
 var _nodeTypes = require("../../next-schema/generated/nodeTypes");
+var _uuid = require("../../utils/uuid");
+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) { (0, _defineProperty2.default)(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; }
 /**
  * @name media_node
  */
@@ -13,6 +18,7 @@ var _nodeTypes = require("../../next-schema/generated/nodeTypes");
 var defaultAttrs = exports.defaultAttrs = (0, _nodeTypes.media)({}).attrs;
 var createMediaSpec = exports.createMediaSpec = function createMediaSpec(attributes) {
   var inline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var generateLocalId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var domNodeType = inline ? 'span' : 'div';
   var nodeName = inline ? 'mediaInline' : 'media';
   var parseDOM = [{
@@ -50,6 +56,7 @@ var createMediaSpec = exports.createMediaSpec = function createMediaSpec(attribu
     ignore: true
   }];
   var toDOM = function toDOM(node) {
+    var _node$attrs;
     var attrs = {
       'data-id': node.attrs.id,
       'data-node-type': "".concat(nodeName),
@@ -66,7 +73,8 @@ var createMediaSpec = exports.createMediaSpec = function createMediaSpec(attribu
       title: 'Attachment',
       // Manually kept in sync with the style of media cards. The goal is to render a plain gray
       // rectangle that provides an affordance for media.
-      style: "display: inline-block; border-radius: 3px; background: ".concat(_colors.N30, "; box-shadow: 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24);")
+      style: "display: inline-block; border-radius: 3px; background: ".concat(_colors.N30, "; box-shadow: 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24);"),
+      '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
     };
     copyPrivateAttributes(node.attrs, attrs, function (key) {
       return "data-".concat(camelCaseToKebabCase(key.slice(2)));
@@ -86,17 +94,26 @@ var createMediaSpec = exports.createMediaSpec = function createMediaSpec(attribu
       // https://product-fabric.atlassian.net/browse/EDM-2996
       tag: 'img:not(.smart-link-icon)',
       getAttrs: function getAttrs(dom) {
-        return {
+        var attrs = {
           type: 'external',
           url: dom.getAttribute('src') || '',
           alt: dom.getAttribute('alt') || ''
         };
+        if (generateLocalId) {
+          attrs.localId = _uuid.uuid.generate();
+        }
+        return attrs;
       }
     }]),
     toDOM: toDOM
   });
 };
-var media = exports.media = createMediaSpec(defaultAttrs, false);
+var media = exports.media = createMediaSpec(defaultAttrs, false, false);
+var mediaWithLocalId = exports.mediaWithLocalId = createMediaSpec(_objectSpread(_objectSpread({}, defaultAttrs), {}, {
+  localId: {
+    default: _uuid.uuid.generate()
+  }
+}), false, true);
 var camelCaseToKebabCase = exports.camelCaseToKebabCase = function camelCaseToKebabCase(str) {
   return str.replace(/([^A-Z]+)([A-Z])/g, function (_, x, y) {
     return "".concat(x, "-").concat(y.toLowerCase());