@atlaskit/adf-schema 49.0.6 → 49.1.0

package/dist/es2019/schema/nodes/ordered-list.js

@@ -1,3 +1,4 @@
+import { uuid } from '../../utils';
 import { orderedList as orderedListFactory } from '../../next-schema/generated/nodeTypes';
 export const orderedListSelector = '.ak-ol';
 export const orderedList = orderedListFactory({
@@ -11,6 +12,22 @@ export const orderedList = orderedListFactory({
     return ['ol', attrs, 0];
   }
 });
+export const orderedListWithLocalId = orderedListFactory({
+  parseDOM: [{
+    tag: 'ol',
+    getAttrs: () => ({
+      localId: uuid.generate()
+    })
+  }],
+  toDOM(node) {
+    var _node$attrs;
+    const attrs = {
+      class: orderedListSelector.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 ['ol', attrs, 0];
+  }
+});
 
 // resolve "start" to a safe, 0+ integer, otherwise return undefined
 // Note: Any changes to this function should also be made to "resolveOrder"
@@ -43,12 +60,44 @@ export const orderedListWithOrder = orderedListFactory({
     }
   }],
   toDOM(node) {
-    var _node$attrs;
-    const start = resolveStart(node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.order);
+    var _node$attrs2;
+    const start = resolveStart(node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.order);
     const attrs = {
       start: typeof start === 'number' ? String(start) : undefined,
       class: orderedListSelector.substr(1)
     };
     return ['ol', attrs, 0];
   }
+});
+export const orderedListWithOrderAndLocalId = orderedListFactory({
+  parseDOM: [{
+    tag: 'ol',
+    getAttrs: domNode => {
+      const dom = domNode;
+      const startDOMAttr = dom.getAttribute('start');
+      const localId = uuid.generate();
+      if (startDOMAttr) {
+        const start = resolveStart(startDOMAttr);
+        if (typeof start === 'number') {
+          return {
+            order: start,
+            localId
+          };
+        }
+      }
+      return {
+        localId
+      };
+    }
+  }],
+  toDOM(node) {
+    var _node$attrs3, _node$attrs4;
+    const start = resolveStart(node === null || node === void 0 ? void 0 : (_node$attrs3 = node.attrs) === null || _node$attrs3 === void 0 ? void 0 : _node$attrs3.order);
+    const attrs = {
+      start: typeof start === 'number' ? String(start) : undefined,
+      class: orderedListSelector.substr(1),
+      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs4 = node.attrs) === null || _node$attrs4 === void 0 ? void 0 : _node$attrs4.localId) || undefined
+    };
+    return ['ol', attrs, 0];
+  }
 });

package/dist/es2019/schema/nodes/panel.js

@@ -1,4 +1,5 @@
 import { panel as panelFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils/uuid';
 export let PanelType = /*#__PURE__*/function (PanelType) {
   PanelType["INFO"] = "info";
   PanelType["NOTE"] = "note";
@@ -20,14 +21,18 @@ const getDomAttrs = nodeAttrs => {
     'data-panel-icon': nodeAttrs.panelIcon,
     'data-panel-icon-id': nodeAttrs.panelIconId,
     'data-panel-icon-text': nodeAttrs.panelIconText,
-    'data-panel-color': nodeAttrs.panelColor
+    'data-panel-color': nodeAttrs.panelColor,
+    'data-local-id': (nodeAttrs === null || nodeAttrs === void 0 ? void 0 : nodeAttrs.localId) || undefined
   };
   return attrs;
 };
-const getParseDOMAttrs = (allowCustomPanel, dom) => {
+const getParseDOMAttrs = (allowCustomPanel, dom, generateLocalId) => {
   let parseDOMAttrs = {
     panelType: dom.getAttribute('data-panel-type')
   };
+  if (generateLocalId) {
+    parseDOMAttrs.localId = uuid.generate();
+  }
   if (allowCustomPanel) {
     parseDOMAttrs = {
       ...parseDOMAttrs,
@@ -41,10 +46,10 @@ const getParseDOMAttrs = (allowCustomPanel, dom) => {
   }
   return parseDOMAttrs;
 };
-const createPanelNodeSpecOptions = allowCustomPanel => ({
+const createPanelNodeSpecOptions = (allowCustomPanel, generateLocalId) => ({
   parseDOM: [{
     tag: 'div[data-panel-type]',
-    getAttrs: dom => getParseDOMAttrs(allowCustomPanel, dom)
+    getAttrs: dom => getParseDOMAttrs(allowCustomPanel, dom, generateLocalId)
   }],
   toDOM(node) {
     const attrs = getDomAttrs(node.attrs);
@@ -61,4 +66,5 @@ const createPanelNodeSpecOptions = allowCustomPanel => ({
  * Specifically, it allows Media, action, code-block, rule and decision nodes in
  * addition to content allowed inside panel
  */
-export const extendedPanel = allowCustomPanel => panelFactory(createPanelNodeSpecOptions(allowCustomPanel));
+export const extendedPanel = allowCustomPanel => panelFactory(createPanelNodeSpecOptions(allowCustomPanel));
+export const extendedPanelWithLocalId = allowCustomPanel => panelFactory(createPanelNodeSpecOptions(allowCustomPanel, true));

package/dist/es2019/schema/nodes/placeholder.js

@@ -1,4 +1,5 @@
 import { placeholder as placeholderFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils/uuid';
 
 /**
  * @name placeholder_node
@@ -22,4 +23,26 @@ export const placeholder = placeholderFactory({
     };
     return ['span', attrs, text];
   }
+});
+export const placeholderWithLocalId = placeholderFactory({
+  parseDOM: [{
+    tag: 'span[data-placeholder]',
+    getAttrs: dom => ({
+      text: dom.getAttribute('data-placeholder') || placeholder.attrs.text.default,
+      localId: uuid.generate()
+    })
+  }],
+  toDOM(node) {
+    var _node$attrs;
+    const {
+      text
+    } = node.attrs;
+    const attrs = {
+      'data-placeholder': text,
+      // Needs to be edtiable for mobile to not close keyboard
+      contenteditable: '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 ['span', attrs, text];
+  }
 });

package/dist/es2019/schema/nodes/rule.js

@@ -1,4 +1,5 @@
 import { rule as ruleFactory } from '../../next-schema/generated/nodeTypes';
+import { uuid } from '../../utils/uuid';
 
 /**
  * @name rule_node
@@ -12,4 +13,18 @@ export const rule = ruleFactory({
   toDOM() {
     return hrDOM;
   }
+});
+export const ruleWithLocalId = ruleFactory({
+  parseDOM: [{
+    tag: 'hr',
+    getAttrs: () => ({
+      localId: uuid.generate()
+    })
+  }],
+  toDOM(node) {
+    var _node$attrs;
+    return ['hr', {
+      '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/es2019/validator-schema/generated/validatorSpec.js

@@ -58,6 +58,10 @@ export const blockCard = {
     },
     attrs: [{
       props: {
+        localId: {
+          type: 'string',
+          optional: true
+        },
         url: {
           type: 'string',
           optional: true,
@@ -103,12 +107,20 @@ export const blockCard = {
         url: {
           type: 'string',
           validatorFn: 'safeUrl'
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     }, {
       props: {
         data: {
           type: 'object'
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     }]
@@ -121,6 +133,15 @@ export const blockquote = {
       type: 'enum',
       values: ['blockquote']
     },
+    attrs: {
+      props: {
+        localId: {
+          type: 'string',
+          optional: true
+        }
+      },
+      optional: true
+    },
     content: {
       type: 'array',
       items: [['paragraph_with_no_marks', 'orderedList', 'bulletList', 'codeBlock', 'mediaSingle_caption', 'mediaSingle_full', 'mediaGroup', 'extension_with_marks']],
@@ -235,6 +256,15 @@ export const bulletList = {
       type: 'enum',
       values: ['bulletList']
     },
+    attrs: {
+      props: {
+        localId: {
+          type: 'string',
+          optional: true
+        }
+      },
+      optional: true
+    },
     content: {
       type: 'array',
       items: [['listItem', 'listItem_with_nested_decision']],
@@ -248,6 +278,15 @@ export const caption = {
       type: 'enum',
       values: ['caption']
     },
+    attrs: {
+      props: {
+        localId: {
+          type: 'string',
+          optional: true
+        }
+      },
+      optional: true
+    },
     content: {
       type: 'array',
       items: [['hardBreak', 'mention', 'emoji', 'date', 'placeholder', 'inlineCard', 'status', 'text_formatted', 'text_code_inline']],
@@ -279,6 +318,10 @@ export const codeBlock = {
         uniqueId: {
           type: 'string',
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       },
       optional: true
@@ -345,6 +388,10 @@ export const date = {
         timestamp: {
           minLength: 1,
           type: 'string'
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     },
@@ -454,6 +501,10 @@ export const embedCard = {
         originalWidth: {
           type: 'number',
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     }
@@ -477,6 +528,10 @@ export const emoji = {
         text: {
           type: 'string',
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     },
@@ -498,6 +553,10 @@ export const expand = {
         title: {
           type: 'string',
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       },
       optional: true
@@ -621,6 +680,10 @@ export const hardBreak = {
           type: 'enum',
           values: ['\n'],
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       },
       optional: true
@@ -716,12 +779,20 @@ export const inlineCard = {
         url: {
           type: 'string',
           validatorFn: 'safeUrl'
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     }, {
       props: {
         data: {
           type: 'object'
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     }],
@@ -792,6 +863,10 @@ export const layoutColumn = {
           type: 'number',
           minimum: 0,
           maximum: 100
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     },
@@ -809,6 +884,15 @@ export const layoutSection = {
       type: 'enum',
       values: ['layoutSection']
     },
+    attrs: {
+      props: {
+        localId: {
+          type: 'string',
+          optional: true
+        }
+      },
+      optional: true
+    },
     content: {
       type: 'array',
       items: ['layoutColumn'],
@@ -847,6 +931,10 @@ export const layoutSection_with_single_column = ['layoutSection', {
           type: 'enum',
           values: ['solid'],
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       },
       optional: true
@@ -903,6 +991,15 @@ export const listItem = {
       type: 'enum',
       values: ['listItem']
     },
+    attrs: {
+      props: {
+        localId: {
+          type: 'string',
+          optional: true
+        }
+      },
+      optional: true
+    },
     content: {
       type: 'array',
       isTupleLike: true,
@@ -935,6 +1032,10 @@ export const media = {
           type: 'enum',
           values: ['link', 'file']
         },
+        localId: {
+          type: 'string',
+          optional: true
+        },
         id: {
           minLength: 1,
           type: 'string'
@@ -966,6 +1067,10 @@ export const media = {
           type: 'enum',
           values: ['external']
         },
+        localId: {
+          type: 'string',
+          optional: true
+        },
         alt: {
           type: 'string',
           optional: true
@@ -1018,6 +1123,10 @@ export const mediaInline = {
           values: ['link', 'file', 'image'],
           optional: true
         },
+        localId: {
+          type: 'string',
+          optional: true
+        },
         url: {
           type: 'string',
           optional: true
@@ -1067,6 +1176,10 @@ export const mediaSingle = {
     },
     attrs: [{
       props: {
+        localId: {
+          type: 'string',
+          optional: true
+        },
         width: {
           type: 'number',
           minimum: 0,
@@ -1085,6 +1198,10 @@ export const mediaSingle = {
       }
     }, {
       props: {
+        localId: {
+          type: 'string',
+          optional: true
+        },
         width: {
           type: 'number',
           minimum: 0
@@ -1235,6 +1352,10 @@ export const nestedExpand = {
         title: {
           type: 'string',
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     },
@@ -1271,6 +1392,10 @@ export const orderedList = {
           type: 'number',
           minimum: 0,
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       },
       optional: true
@@ -1309,6 +1434,10 @@ export const panel = {
         panelColor: {
           type: 'string',
           optional: true
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     },
@@ -1386,6 +1515,10 @@ export const placeholder = {
       props: {
         text: {
           type: 'string'
+        },
+        localId: {
+          type: 'string',
+          optional: true
         }
       }
     }
@@ -1396,6 +1529,15 @@ export const rule = {
     type: {
       type: 'enum',
       values: ['rule']
+    },
+    attrs: {
+      props: {
+        localId: {
+          type: 'string',
+          optional: true
+        }
+      },
+      optional: true
     }
   }
 };

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockquote, extendedBlockquote, bodiedExtension, breakout, bulletList, bulletListSelector, caption, code, codeBlock, codeBlockToJSON, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
-colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './schema';
+export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
+colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, hardBreakWithLocalId, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnWithLocalId, layoutSection, link, linkToJSON, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './schema';
 export { B100, B400, B50, B500, B75, G200, G300, G400, G50, G500, G75, N0, N20, N200, N30, N300, N40, N50, N500, N60, N80, N800, N90, P100, P300, P400, P50, P500, P75, R100, R300, R400, R50, R500, R75, T100, T300, T50, T500, T75, Y200, Y400, Y50, Y500, Y75, acNameToEmoji, acShortcutToEmoji, emojiIdToAcName, generateUuid, getEmojiAcName, getLinkMatch, hexToRgb, hexToRgba, isHex, isRgb, isSafeUrl, linkify, linkifyMatch, normalizeHexColor, normalizeUrl, rgbToHex, uuid, getDarkModeLCHColor } from './utils';
 
 // ADF createPMSpecFactory