@atlaskit/adf-schema 37.2.1 → 38.0.0

package/dist/es2019/schema/nodes/multi-bodied-extension.js

@@ -1,4 +1,6 @@
 import { getExtensionAttrs } from '../../utils/extensions';
+import { multiBodiedExtensionStage0 as multiBodiedExtensionStage0Factory } from '../../next-schema/generated/nodeTypes';
+import { extensionFrameStage0 as extensionFrameStage0Factory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @stage 0
@@ -9,14 +11,7 @@ import { getExtensionAttrs } from '../../utils/extensions';
 /**
  * @returns NodeSpec for ExtensionFrameDefinition
  */
-export const extensionFrame = {
-  content: '(paragraph | panel | blockquote | orderedList | bulletList | rule | heading | codeBlock | mediaGroup | mediaSingle | decisionList | taskList | table | extension | bodiedExtension | unsupportedBlock | blockCard | embedCard)+',
-  isolating: true,
-  marks: 'dataConsumer fragment',
-  definingAsContext: false,
-  definingForContent: true,
-  selectable: false,
-  attrs: {},
+export const extensionFrame = extensionFrameStage0Factory({
   parseDOM: [{
     context: 'extensionFrame//',
     tag: 'div[data-extension-frame]',
@@ -30,7 +25,7 @@ export const extensionFrame = {
     };
     return ['div', attrs, 0];
   }
-};
+});
 
 /**
  * @stage 0
@@ -38,57 +33,25 @@ export const extensionFrame = {
  * @description Wraps multiple extensionFrame objects.
  */
 
-/**
- * @returns NodeSpec for MultiBodiedExtensionDefinition
- */
-const createMultiBodiedExtensionNodeSpec = () => {
-  const nodeSpec = {
-    inline: false,
-    group: 'blockRootOnly',
-    content: 'extensionFrame+',
-    definingAsContext: true,
-    selectable: true,
-    attrs: {
-      extensionKey: {
-        default: ''
-      },
-      extensionType: {
-        default: ''
-      },
-      parameters: {
-        default: null
-      },
-      text: {
-        default: null
-      },
-      layout: {
-        default: 'default'
-      },
-      localId: {
-        default: null
-      }
-    },
-    parseDOM: [{
-      context: 'multiBodiedExtension//',
-      tag: '[data-node-type="multi-bodied-extension"]',
-      skip: true
-    }, {
-      tag: '[data-node-type="multi-bodied-extension"]',
-      getAttrs: domNode => getExtensionAttrs(domNode)
-    }],
-    toDOM(node) {
-      const attrs = {
-        'data-node-type': 'multi-bodied-extension',
-        'data-extension-type': node.attrs.extensionType,
-        'data-extension-key': node.attrs.extensionKey,
-        'data-text': node.attrs.text,
-        'data-parameters': JSON.stringify(node.attrs.parameters),
-        'data-layout': node.attrs.layout,
-        'data-local-id:': node.attrs.localId
-      };
-      return ['div', attrs, 0];
-    }
-  };
-  return nodeSpec;
-};
-export const multiBodiedExtension = createMultiBodiedExtensionNodeSpec();
+export const multiBodiedExtension = multiBodiedExtensionStage0Factory({
+  parseDOM: [{
+    context: 'multiBodiedExtension//',
+    tag: '[data-node-type="multi-bodied-extension"]',
+    skip: true
+  }, {
+    tag: '[data-node-type="multi-bodied-extension"]',
+    getAttrs: domNode => getExtensionAttrs(domNode)
+  }],
+  toDOM(node) {
+    const attrs = {
+      'data-node-type': 'multi-bodied-extension',
+      'data-extension-type': node.attrs.extensionType,
+      'data-extension-key': node.attrs.extensionKey,
+      'data-text': node.attrs.text,
+      'data-parameters': JSON.stringify(node.attrs.parameters),
+      'data-layout': node.attrs.layout,
+      'data-local-id:': node.attrs.localId
+    };
+    return ['div', attrs, 0];
+  }
+});

package/dist/es2019/schema/nodes/nested-expand.js

@@ -1,3 +1,5 @@
+import { nestedExpand as nestedExpandFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name nestedExpand_content
  * @minItems 1
@@ -12,55 +14,37 @@
  * @name nestedExpand_with_no_marks_node
  */
 
-const createNestedExpandSpec = () => {
-  const nestedExpandSpec = {
-    inline: false,
-    marks: 'unsupportedMark unsupportedNodeAttribute',
-    isolating: true,
-    selectable: true,
-    attrs: {
-      title: {
-        default: ''
-      },
-      __expanded: {
-        default: true
-      }
-    },
-    parseDOM: [{
-      context: 'nestedExpand//',
-      tag: '[data-node-type="nestedExpand"]',
-      skip: true
-    }, {
-      tag: '[data-node-type="nestedExpand"] button',
-      ignore: true
-    }, {
-      tag: '[data-node-type="expand"] button',
-      ignore: true
-    }, {
-      tag: 'div[data-node-type="nestedExpand"]',
-      getAttrs: domNode => {
-        const dom = domNode;
-        return {
-          title: dom.getAttribute('data-title'),
-          __expanded: true
-        };
-      }
-    }],
-    toDOM(node) {
-      const attrs = {
-        'data-node-type': 'nestedExpand',
-        'data-title': node.attrs.title,
-        'data-expanded': node.attrs.__expanded
-      };
-      return ['div', attrs, 0];
-    }
-  };
-  nestedExpandSpec.content = '(paragraph | heading | mediaSingle | mediaGroup | codeBlock | bulletList | orderedList | taskList | decisionList | rule | panel | blockquote | unsupportedBlock)+';
-  return nestedExpandSpec;
-};
-
 /**
  * @name nestedExpand
  * @description an expand that can be nested (eg. inside table, layout).
  */
-export const nestedExpand = createNestedExpandSpec();
+export const nestedExpand = nestedExpandFactory({
+  parseDOM: [{
+    context: 'nestedExpand//',
+    tag: '[data-node-type="nestedExpand"]',
+    skip: true
+  }, {
+    tag: '[data-node-type="nestedExpand"] button',
+    ignore: true
+  }, {
+    tag: '[data-node-type="expand"] button',
+    ignore: true
+  }, {
+    tag: 'div[data-node-type="nestedExpand"]',
+    getAttrs: domNode => {
+      const dom = domNode;
+      return {
+        title: dom.getAttribute('data-title'),
+        __expanded: true
+      };
+    }
+  }],
+  toDOM(node) {
+    const attrs = {
+      'data-node-type': 'nestedExpand',
+      'data-title': node.attrs.title,
+      'data-expanded': node.attrs.__expanded
+    };
+    return ['div', attrs, 0];
+  }
+});

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

@@ -1,14 +1,6 @@
+import { orderedList as orderedListFactory } from '../../next-schema/generated/nodeTypes';
 export const orderedListSelector = '.ak-ol';
-export const orderedList = {
-  group: 'block',
-  attrs: {
-    order: {
-      default: 1
-    }
-  },
-  content: 'listItem+',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  selectable: false,
+export const orderedList = orderedListFactory({
   parseDOM: [{
     tag: 'ol'
   }],
@@ -18,7 +10,7 @@ export const orderedList = {
     };
     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"
@@ -33,8 +25,7 @@ const resolveStart = start => {
   }
   return Math.floor(Math.max(num, 0));
 };
-export const orderedListWithOrder = {
-  ...orderedList,
+export const orderedListWithOrder = orderedListFactory({
   parseDOM: [{
     tag: 'ol',
     getAttrs: domNode => {
@@ -60,4 +51,4 @@ export const orderedListWithOrder = {
     };
     return ['ol', attrs, 0];
   }
-};
+});

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

@@ -1,3 +1,4 @@
+import { panel as panelFactory, panelLegacy as panelLegacyFactory } from '../../next-schema/generated/nodeTypes';
 export let PanelType = /*#__PURE__*/function (PanelType) {
   PanelType["INFO"] = "info";
   PanelType["NOTE"] = "note";
@@ -13,26 +14,6 @@ export let PanelType = /*#__PURE__*/function (PanelType) {
  * @name panel_node
  */
 
-const getDefaultAttrs = () => {
-  const attrs = {
-    panelType: {
-      default: 'info'
-    },
-    panelIcon: {
-      default: null
-    },
-    panelIconId: {
-      default: null
-    },
-    panelIconText: {
-      default: null
-    },
-    panelColor: {
-      default: null
-    }
-  };
-  return attrs;
-};
 const getDomAttrs = nodeAttrs => {
   const attrs = {
     'data-panel-type': nodeAttrs.panelType,
@@ -61,12 +42,7 @@ const getParseDOMAttrs = (allowCustomPanel, dom) => {
   return parseDOMAttrs;
 };
 export const panel = allowCustomPanel => {
-  const panelNodeSpec = {
-    group: 'block',
-    content: '(paragraph | heading | bulletList | orderedList | blockCard | unsupportedBlock)+',
-    marks: 'unsupportedMark unsupportedNodeAttribute',
-    attrs: getDefaultAttrs(),
-    selectable: true,
+  const panelNodeSpec = panelLegacyFactory({
     parseDOM: [{
       tag: 'div[data-panel-type]',
       getAttrs: dom => getParseDOMAttrs(allowCustomPanel, dom)
@@ -78,7 +54,7 @@ export const panel = allowCustomPanel => {
       };
       return ['div', attrs, ['div', contentAttrs, 0]];
     }
-  };
+  });
   return panelNodeSpec;
 };
 
@@ -89,12 +65,7 @@ export const panel = allowCustomPanel => {
  * addition to content allowed inside panel
  */
 export const extendedPanel = allowCustomPanel => {
-  const panelNodeSpec = {
-    group: 'block',
-    content: '(paragraph | heading | bulletList | orderedList | blockCard | mediaGroup | mediaSingle | codeBlock | taskList | rule | decisionList | unsupportedBlock)+',
-    marks: 'unsupportedMark unsupportedNodeAttribute',
-    attrs: getDefaultAttrs(),
-    selectable: true,
+  const panelNodeSpec = panelFactory({
     parseDOM: [{
       tag: 'div[data-panel-type]',
       getAttrs: dom => getParseDOMAttrs(allowCustomPanel, dom)
@@ -106,6 +77,6 @@ export const extendedPanel = allowCustomPanel => {
       };
       return ['div', attrs, ['div', contentAttrs, 0]];
     }
-  };
+  });
   return panelNodeSpec;
 };

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

@@ -1,3 +1,5 @@
+import { paragraph as paragraphFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name paragraph_node
  */
@@ -23,16 +25,7 @@
  * @name paragraph_with_indentation_node
  */
 
-export const paragraph = {
-  selectable: false,
-  content: 'inline*',
-  group: 'block',
-  attrs: {
-    localId: {
-      default: null
-    }
-  },
-  marks: 'strong code em link border strike subsup textColor backgroundColor typeAheadQuery underline confluenceInlineComment annotation unsupportedMark unsupportedNodeAttribute dataConsumer fragment',
+export const paragraph = paragraphFactory({
   parseDOM: [{
     tag: 'p',
     getAttrs: domNode => {
@@ -54,4 +47,4 @@ export const paragraph = {
     }] : [];
     return [name, ...attrs, 0];
   }
-};
+});

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

@@ -1,17 +1,10 @@
+import { placeholder as placeholderFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name placeholder_node
  */
 
-export const placeholder = {
-  inline: true,
-  group: 'inline',
-  selectable: false,
-  marks: '',
-  attrs: {
-    text: {
-      default: ''
-    }
-  },
+export const placeholder = placeholderFactory({
   parseDOM: [{
     tag: 'span[data-placeholder]',
     getAttrs: dom => ({
@@ -29,4 +22,4 @@ export const placeholder = {
     };
     return ['span', attrs, text];
   }
-};
+});

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

@@ -1,14 +1,15 @@
+import { rule as ruleFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name rule_node
  */
 
 const hrDOM = ['hr'];
-export const rule = {
-  group: 'block',
+export const rule = ruleFactory({
   parseDOM: [{
     tag: 'hr'
   }],
   toDOM() {
     return hrDOM;
   }
-};
+});

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

@@ -1,27 +1,11 @@
 import { uuid } from '../../utils/uuid';
+import { status as statusFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @name status_node
  */
 
-export const status = {
-  inline: true,
-  group: 'inline',
-  selectable: true,
-  attrs: {
-    text: {
-      default: ''
-    },
-    color: {
-      default: ''
-    },
-    localId: {
-      default: uuid.generate()
-    },
-    style: {
-      default: ''
-    }
-  },
+export const status = statusFactory({
   parseDOM: [{
     tag: 'span[data-node-type="status"]',
     getAttrs: domNode => {
@@ -50,4 +34,4 @@ export const status = {
     };
     return ['span', attrs, text];
   }
-};
+});

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

@@ -2,6 +2,10 @@ import { hexToEditorBackgroundPaletteRawValue } from '../../utils/editor-palette
 import { B100, B50, B75, G200, G50, G75, hexToRgba, isHex, isRgb, N0, N20, N60, N800, P100, P50, P75, R100, R50, R75, rgbToHex, T100, T50, T75, Y200, Y50, Y75 } from '../../utils/colors';
 import { uuid } from '../../utils/uuid';
 import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
+import { table as tableFactory } from '../../next-schema/generated/nodeTypes';
+import { tableCell as tableCellFactory } from '../../next-schema/generated/nodeTypes';
+import { tableHeader as tableHeaderFactory } from '../../next-schema/generated/nodeTypes';
+import { tableRow as tableRowFactory } from '../../next-schema/generated/nodeTypes';
 export const tablePrefixSelector = 'pm-table';
 export const tableCellSelector = `${tablePrefixSelector}-cell-content-wrap`;
 export const tableHeaderSelector = `${tablePrefixSelector}-header-content-wrap`;
@@ -189,68 +193,38 @@ export const tableBackgroundColorNames = new Map();
  */
 
 // TODO: Fix any, potential issue. ED-5048
-const createTableSpec = () => {
-  const attrs = {
-    isNumberColumnEnabled: {
-      default: false
-    },
-    layout: {
-      default: 'default'
-    },
-    __autoSize: {
-      default: false
-    },
-    localId: {
-      default: ''
-    },
-    width: {
-      default: null
-    },
-    displayMode: {
-      default: null
-    }
-  };
-  const tableNodeSpec = {
-    content: 'tableRow+',
-    attrs: attrs,
-    marks: 'unsupportedMark unsupportedNodeAttribute',
-    tableRole: 'table',
-    isolating: true,
-    selectable: true,
-    group: 'block',
-    parseDOM: [{
-      tag: 'table',
-      getAttrs: node => {
-        var _dom$parentElement;
-        const dom = node;
-        const breakoutWrapper = (_dom$parentElement = dom.parentElement) === null || _dom$parentElement === void 0 ? void 0 : _dom$parentElement.parentElement;
-        return {
-          isNumberColumnEnabled: dom.getAttribute('data-number-column') === 'true',
-          layout:
-          // copying from editor
-          dom.getAttribute('data-layout') || ( // copying from renderer
-          breakoutWrapper === null || breakoutWrapper === void 0 ? void 0 : breakoutWrapper.getAttribute('data-layout')) || 'default',
-          __autoSize: dom.getAttribute('data-autosize') === 'true',
-          localId: dom.getAttribute('data-table-local-id') || uuid.generate(),
-          width: Number(dom.getAttribute('data-table-width')) || null,
-          displayMode: dom.getAttribute('data-table-display-mode') || null
-        };
-      }
-    }],
-    toDOM(node) {
-      const attrs = {
-        'data-number-column': node.attrs.isNumberColumnEnabled,
-        'data-layout': node.attrs.layout,
-        'data-autosize': node.attrs.__autoSize,
-        'data-table-local-id': node.attrs.localId,
-        'data-table-width': node.attrs.width,
-        'data-table-display-mode': node.attrs.displayMode
+const createTableSpec = () => tableFactory({
+  parseDOM: [{
+    tag: 'table',
+    getAttrs: node => {
+      var _dom$parentElement;
+      const dom = node;
+      const breakoutWrapper = (_dom$parentElement = dom.parentElement) === null || _dom$parentElement === void 0 ? void 0 : _dom$parentElement.parentElement;
+      return {
+        isNumberColumnEnabled: dom.getAttribute('data-number-column') === 'true',
+        layout:
+        // copying from editor
+        dom.getAttribute('data-layout') || ( // copying from renderer
+        breakoutWrapper === null || breakoutWrapper === void 0 ? void 0 : breakoutWrapper.getAttribute('data-layout')) || 'default',
+        __autoSize: dom.getAttribute('data-autosize') === 'true',
+        localId: dom.getAttribute('data-table-local-id') || uuid.generate(),
+        width: Number(dom.getAttribute('data-table-width')) || null,
+        displayMode: dom.getAttribute('data-table-display-mode') || null
       };
-      return ['table', attrs, ['tbody', 0]];
     }
-  };
-  return tableNodeSpec;
-};
+  }],
+  toDOM(node) {
+    const attrs = {
+      'data-number-column': node.attrs.isNumberColumnEnabled,
+      'data-layout': node.attrs.layout,
+      'data-autosize': node.attrs.__autoSize,
+      'data-table-local-id': node.attrs.localId,
+      'data-table-width': node.attrs.width,
+      'data-table-display-mode': node.attrs.displayMode
+    };
+    return ['table', attrs, ['tbody', 0]];
+  }
+});
 
 // TODO: assuming breaking changes aren't allowed, so retaining both exports
 /** Includes table width attribute */
@@ -267,18 +241,14 @@ export const tableToJSON = node => ({
     };
   }, {})
 });
-export const tableRow = {
-  selectable: false,
-  content: '(tableCell | tableHeader)+',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  tableRole: 'row',
+export const tableRow = tableRowFactory({
   parseDOM: [{
     tag: 'tr'
   }],
   toDOM() {
     return ['tr', 0];
   }
-};
+});
 const cellAttrs = {
   colspan: {
     default: 1
@@ -293,13 +263,7 @@ const cellAttrs = {
     default: null
   }
 };
-export const tableCell = {
-  selectable: false,
-  content: '(paragraph | panel | blockquote | orderedList | bulletList | rule | heading | codeBlock | mediaSingle |  mediaGroup | decisionList | taskList | blockCard | embedCard | extension | nestedExpand | unsupportedBlock)+',
-  attrs: cellAttrs,
-  tableRole: 'cell',
-  marks: 'alignment dataConsumer fragment unsupportedMark unsupportedNodeAttribute',
-  isolating: true,
+export const tableCell = tableCellFactory({
   parseDOM: [
   // Ignore number cell copied from renderer
   {
@@ -310,7 +274,7 @@ export const tableCell = {
     getAttrs: dom => getCellAttrs(dom)
   }],
   toDOM: node => ['td', getCellDomAttrs(node), 0]
-};
+});
 export const toJSONTableCell = node => ({
   attrs: Object.keys(node.attrs).reduce((obj, key) => {
     if (cellAttrs[key].default !== node.attrs[key]) {
@@ -319,13 +283,7 @@ export const toJSONTableCell = node => ({
     return obj;
   }, {})
 });
-export const tableHeader = {
-  selectable: false,
-  content: '(paragraph | panel | blockquote | orderedList | bulletList | rule | heading | codeBlock | mediaSingle |  mediaGroup | decisionList | taskList | blockCard | embedCard | extension | nestedExpand)+',
-  attrs: cellAttrs,
-  tableRole: 'header_cell',
-  isolating: true,
-  marks: 'alignment dataConsumer fragment unsupportedMark unsupportedNodeAttribute',
+export const tableHeader = tableHeaderFactory({
   parseDOM: [{
     tag: 'th',
     getAttrs: dom => getCellAttrs(dom, {
@@ -333,5 +291,5 @@ export const tableHeader = {
     })
   }],
   toDOM: node => ['th', getCellDomAttrs(node), 0]
-};
+});
 export const toJSONTableHeader = toJSONTableCell;

package/dist/es2019/schema/nodes/task-item.js

@@ -1,22 +1,11 @@
 import { uuid } from '../../utils/uuid';
+import { taskItem as taskItemFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @name taskItem_node
  */
 
-export const taskItem = {
-  content: 'inline*',
-  defining: true,
-  selectable: false,
-  marks: '_',
-  attrs: {
-    localId: {
-      default: ''
-    },
-    state: {
-      default: 'TODO'
-    }
-  },
+export const taskItem = taskItemFactory({
   parseDOM: [{
     tag: 'div[data-task-local-id]',
     // Default priority is 50. We normally don't change this but since this node type is
@@ -38,4 +27,4 @@ export const taskItem = {
     };
     return ['div', attrs, 0];
   }
-};
+});

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

@@ -1,4 +1,5 @@
 import { uuid } from '../../utils/uuid';
+import { taskList as taskListFactory } from '../../next-schema/generated/nodeTypes';
 
 /**
  * @name taskList_node
@@ -6,17 +7,7 @@ import { uuid } from '../../utils/uuid';
 
 const name = 'actionList';
 export const taskListSelector = `[data-node-type="${name}"]`;
-export const taskList = {
-  group: 'block',
-  defining: true,
-  selectable: false,
-  content: '(taskItem|unsupportedBlock)+ (taskItem|taskList|unsupportedBlock)*',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  attrs: {
-    localId: {
-      default: ''
-    }
-  },
+export const taskList = taskListFactory({
   parseDOM: [{
     tag: `div${taskListSelector}`,
     // Default priority is 50. We normally don't change this but since this node type is
@@ -37,4 +28,4 @@ export const taskList = {
     };
     return ['div', attrs, 0];
   }
-};
+});

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

@@ -1,9 +1,9 @@
+import { text as textFactory } from '../../next-schema/generated/nodeTypes';
+
 /**
  * @name text_node
  */
 
-export const text = {
-  group: 'inline',
-  // TODO: toDebugString needs to be passed with createToPmFactory when migrate in https://product-fabric.atlassian.net/browse/ED-23606
+export const text = textFactory({
   toDebugString: process.env.NODE_ENV !== 'production' ? undefined : () => 'text_node'
-};
+});